@digital-b2c/coreui-kit 0.7.5 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var clsx20 = require('clsx');
3
+ var clsx23 = require('clsx');
4
4
  var jsxRuntime = require('react/jsx-runtime');
5
- var React52 = require('react');
5
+ var React62 = require('react');
6
6
  var gsap = require('gsap');
7
7
  var react = require('@gsap/react');
8
8
  var ScrollTrigger = require('gsap/ScrollTrigger');
@@ -12,8 +12,8 @@ require('swiper/css');
12
12
 
13
13
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
14
 
15
- var clsx20__default = /*#__PURE__*/_interopDefault(clsx20);
16
- var React52__default = /*#__PURE__*/_interopDefault(React52);
15
+ var clsx23__default = /*#__PURE__*/_interopDefault(clsx23);
16
+ var React62__default = /*#__PURE__*/_interopDefault(React62);
17
17
  var gsap__default = /*#__PURE__*/_interopDefault(gsap);
18
18
 
19
19
  var __defProp = Object.defineProperty;
@@ -66,7 +66,7 @@ var Picture = (_a) => {
66
66
  __spreadValues({
67
67
  src: desktop.src,
68
68
  alt: desktop.alt,
69
- className: clsx20__default.default(className, Picture_module_default["image-desktop"])
69
+ className: clsx23__default.default(className, Picture_module_default["image-desktop"])
70
70
  }, rest)
71
71
  ),
72
72
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -74,7 +74,7 @@ var Picture = (_a) => {
74
74
  __spreadValues({
75
75
  src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
76
76
  alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
77
- className: clsx20__default.default(className, Picture_module_default["image-mobile"])
77
+ className: clsx23__default.default(className, Picture_module_default["image-mobile"])
78
78
  }, rest)
79
79
  )
80
80
  ] });
@@ -201,6 +201,8 @@ var SvgIconFilledChevronRight = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg",
201
201
  var icon_filled_chevron_right_default = SvgIconFilledChevronRight;
202
202
  var SvgIconFilledChevronUp = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 38, height: 38, viewBox: "0 0 38 38", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 13.9267L12.1629 20.7642L13.6787 22.2379L19 16.9162L24.3213 22.2379L25.8371 20.7642L19 13.9267ZM18.9971 3C21.1986 3 23.2712 3.41993 25.2147 4.25979C27.1583 5.09965 28.855 6.24407 30.3048 7.69305C31.7544 9.14232 32.8994 10.8383 33.7398 12.7811C34.5799 14.7238 35 16.7958 35 18.9971C35 21.2101 34.5801 23.2902 33.7402 25.2375C32.9004 27.1847 31.7559 28.8785 30.3069 30.3187C28.8577 31.759 27.1617 32.8994 25.2189 33.7398C23.2762 34.5799 21.2042 35 19.0029 35C16.7899 35 14.7098 34.5801 12.7625 33.7402C10.8153 32.9004 9.12154 31.7606 7.68126 30.3208C6.24098 28.8811 5.10063 27.1881 4.26021 25.2417C3.42007 23.2953 3 21.2157 3 19.0029C3 16.8014 3.41993 14.7288 4.25979 12.7853C5.09965 10.8417 6.23944 9.14498 7.67916 7.69516C9.11888 6.24562 10.8119 5.10063 12.7583 4.26021C14.7047 3.42007 16.7843 3 18.9971 3Z", fill: "white" }) }));
203
203
  var icon_filled_chevron_up_default = SvgIconFilledChevronUp;
204
+ var SvgIconFilledChevronUpBlack = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 32, height: 32, viewBox: "-4 -4 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 10.9267L9.16295 17.7642L10.6787 19.2379L16 13.9162L21.3213 19.2379L22.8371 17.7642L16 10.9267ZM15.9971 0C18.1986 0 20.2712 0.419928 22.2147 1.25979C24.1583 2.09965 25.855 3.24407 27.3048 4.69305C28.7544 6.14232 29.8994 7.83831 30.7398 9.78105C31.5799 11.7238 32 13.7958 32 15.9971C32 18.2101 31.5801 20.2902 30.7402 22.2375C29.9004 24.1847 28.7559 25.8785 27.3069 27.3187C25.8577 28.759 24.1617 29.8994 22.2189 30.7398C20.2762 31.5799 18.2042 32 16.0029 32C13.7899 32 11.7098 31.5801 9.76253 30.7402C7.8153 29.9004 6.12154 28.7606 4.68126 27.3208C3.24098 25.8811 2.10063 24.1881 1.26021 22.2417C0.420071 20.2953 0 18.2157 0 16.0029C0 13.8014 0.419928 11.7288 1.25979 9.78526C2.09965 7.84168 3.23944 6.14498 4.67916 4.69516C6.11888 3.24562 7.81193 2.10063 9.75832 1.26021C11.7047 0.420071 13.7843 0 15.9971 0Z", fill: "#080808" }) }));
205
+ var icon_filled_chevron_up_black_default = SvgIconFilledChevronUpBlack;
204
206
  var SvgIconLeftWhite = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
205
207
  /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "mask0_2379_35929", style: {
206
208
  maskType: "alpha"
@@ -234,7 +236,12 @@ var SvgIconTiltedRightBlack = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg",
234
236
  /* @__PURE__ */ jsxRuntime.jsx("g", { mask: "url(#mask0_901_1704)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.656 14.8283L15.6407 14.7929V9.77246L7.04936 18.3638L5.63514 16.9496L14.2265 8.35825L9.20603 8.35825L9.17068 6.34299H17.656V14.8283Z", fill: "#080808" }) })
235
237
  ] }));
236
238
  var icon_tilted_right_black_default = SvgIconTiltedRightBlack;
237
- var SvgIconTiltedRightWhite = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 13, height: 13, viewBox: "0 0 13 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.0212 8.4855L10.0059 8.45015V3.42969L1.41459 12.021L0.000377595 10.6068L8.59173 2.01548L3.57127 2.01548L3.53591 0.000221372H12.0212V8.4855Z", fill: "white" }) }));
239
+ var SvgIconTiltedRightWhite = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
240
+ /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "mask0_901_1706", style: {
241
+ maskType: "alpha"
242
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 24, height: 24, fill: "#D9D9D9" }) }),
243
+ /* @__PURE__ */ jsxRuntime.jsx("g", { mask: "url(#mask0_901_1706)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.656 14.8283L15.6407 14.7929V9.77246L7.04936 18.3638L5.63514 16.9496L14.2265 8.35825L9.20603 8.35825L9.17068 6.34299H17.656V14.8283Z", fill: "white" }) })
244
+ ] }));
238
245
  var icon_tilted_right_white_default = SvgIconTiltedRightWhite;
239
246
  var SvgIconUpChevronUpWhite = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 15L12 9L18 15", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
240
247
  var icon_up_chevron_up_white_default = SvgIconUpChevronUpWhite;
@@ -280,6 +287,30 @@ var SvgIconXWhite = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadPr
280
287
  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_942_1878", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 24, height: 24, fill: "white" }) }) })
281
288
  ] }));
282
289
  var icon_x_white_default = SvgIconXWhite;
290
+ var SvgIconFilter = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.9991 20C10.7158 20 10.4783 19.9042 10.2866 19.7125C10.0949 19.5208 9.9991 19.2833 9.9991 19V13L4.1991 5.6C3.9491 5.26667 3.9116 4.91667 4.0866 4.55C4.2616 4.18333 4.56577 4 4.9991 4H18.9991C19.4324 4 19.7366 4.18333 19.9116 4.55C20.0866 4.91667 20.0491 5.26667 19.7991 5.6L13.9991 13V19C13.9991 19.2833 13.9033 19.5208 13.7116 19.7125C13.5199 19.9042 13.2824 20 12.9991 20H10.9991Z", fill: "#080808" }) }));
291
+ var icon_filter_default = SvgIconFilter;
292
+ var SvgIconInternalFilter = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 18V16H9V18H3ZM3 13V11H15V13H3ZM3 8V6H21V8H3Z", fill: "#080808" }) }));
293
+ var icon_internal_filter_default = SvgIconInternalFilter;
294
+ var SvgIconSearch = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.9 20.9746L13.325 14.3996C12.825 14.8329 12.242 15.1704 11.576 15.4121C10.91 15.6538 10.2013 15.7746 9.45 15.7746C7.64733 15.7746 6.12167 15.1496 4.873 13.8996C3.62433 12.6496 3 11.1413 3 9.37461C3 7.60794 3.625 6.09961 4.875 4.84961C6.125 3.59961 7.6375 2.97461 9.4125 2.97461C11.1875 2.97461 12.6958 3.59961 13.9375 4.84961C15.1792 6.09961 15.8 7.60919 15.8 9.37836C15.8 10.0925 15.6833 10.7829 15.45 11.4496C15.2167 12.1163 14.8667 12.7413 14.4 13.3246L21 19.8746L19.9 20.9746ZM9.425 14.2746C10.7792 14.2746 11.9303 13.7954 12.8783 12.8371C13.8261 11.8788 14.3 10.7246 14.3 9.37461C14.3 8.02461 13.8261 6.87044 12.8783 5.91211C11.9303 4.95378 10.7792 4.47461 9.425 4.47461C8.057 4.47461 6.89417 4.95378 5.9365 5.91211C4.97883 6.87044 4.5 8.02461 4.5 9.37461C4.5 10.7246 4.97883 11.8788 5.9365 12.8371C6.89417 13.7954 8.057 14.2746 9.425 14.2746Z", fill: "#080808" }) }));
295
+ var icon_search_default = SvgIconSearch;
296
+ var SvgIconGrid = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H8.325V15.675H5V19ZM10.325 19H13.675V15.675H10.325V19ZM15.675 19H19V15.675H15.675V19ZM5 13.675H8.325V10.325H5V13.675ZM10.325 13.675H13.675V10.325H10.325V13.675ZM15.675 13.675H19V10.325H15.675V13.675ZM5 8.325H8.325V5H5V8.325ZM10.325 8.325H13.675V5H10.325V8.325ZM15.675 8.325H19V5H15.675V8.325Z", fill: "#080808" }) }));
297
+ var icon_grid_default = SvgIconGrid;
298
+ var SvgIconList = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 18, height: 18, viewBox: "0 -4 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 2V0H18V2H4ZM4 6V4H18V6H4ZM4 10V8H18V10H4ZM1 2C0.716667 2 0.479167 1.90417 0.2875 1.7125C0.0958333 1.52083 0 1.28333 0 1C0 0.716667 0.0958333 0.479167 0.2875 0.2875C0.479167 0.0958333 0.716667 0 1 0C1.28333 0 1.52083 0.0958333 1.7125 0.2875C1.90417 0.479167 2 0.716667 2 1C2 1.28333 1.90417 1.52083 1.7125 1.7125C1.52083 1.90417 1.28333 2 1 2ZM1 6C0.716667 6 0.479167 5.90417 0.2875 5.7125C0.0958333 5.52083 0 5.28333 0 5C0 4.71667 0.0958333 4.47917 0.2875 4.2875C0.479167 4.09583 0.716667 4 1 4C1.28333 4 1.52083 4.09583 1.7125 4.2875C1.90417 4.47917 2 4.71667 2 5C2 5.28333 1.90417 5.52083 1.7125 5.7125C1.52083 5.90417 1.28333 6 1 6ZM1 10C0.716667 10 0.479167 9.90417 0.2875 9.7125C0.0958333 9.52083 0 9.28333 0 9C0 8.71667 0.0958333 8.47917 0.2875 8.2875C0.479167 8.09583 0.716667 8 1 8C1.28333 8 1.52083 8.09583 1.7125 8.2875C1.90417 8.47917 2 8.71667 2 9C2 9.28333 1.90417 9.52083 1.7125 9.7125C1.52083 9.90417 1.28333 10 1 10Z", fill: "#080808" }) }));
299
+ var icon_list_default = SvgIconList;
300
+ var SvgIconChevronLeftBlack = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 44, height: 44, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.5186 22.8324L25.0399 30.3532L26.6609 28.6858L20.8071 22.8324L26.6609 16.979L25.0399 15.3117L17.5186 22.8324ZM5.49922 22.8357C5.49922 20.414 5.96114 18.1341 6.88499 15.9962C7.80883 13.8583 9.0677 11.9919 10.6616 10.3971C12.2558 8.8026 14.1214 7.54312 16.2584 6.61865C18.3954 5.6945 20.6746 5.23242 23.096 5.23242C25.5303 5.23242 27.8185 5.69434 29.9604 6.61819C32.1024 7.54204 33.9655 8.8009 35.5498 10.3948C37.1341 11.989 38.3885 13.8546 39.313 15.9916C40.2371 18.1286 40.6992 20.4078 40.6992 22.8292C40.6992 25.2635 40.2373 27.5517 39.3135 29.6936C38.3896 31.8356 37.1358 33.6987 35.5521 35.283C33.9685 36.8673 32.1061 38.1217 29.9651 39.0462C27.824 39.9703 25.5365 40.4324 23.1025 40.4324C20.6808 40.4324 18.4009 39.9705 16.263 39.0467C14.1251 38.1228 12.2587 36.869 10.6639 35.2853C9.0694 33.7017 7.80991 31.8393 6.88545 29.6983C5.9613 27.5573 5.49922 25.2697 5.49922 22.8357Z", fill: "#080808" }) }));
301
+ var icon_chevron_left_black_default = SvgIconChevronLeftBlack;
302
+ var SvgIconChevronRightBlack = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 44, height: 44, viewBox: "0 0 44 44", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.6806 23.1676L21.1594 15.6468L19.5383 17.3142L25.3922 23.1676L19.5383 29.021L21.1594 30.6883L28.6806 23.1676ZM40.7 23.1643C40.7 25.586 40.2381 27.8659 39.3142 30.0038C38.3904 32.1417 37.1315 34.0081 35.5376 35.6029C33.9435 37.1974 32.0779 38.4569 29.9408 39.3813C27.8038 40.3055 25.5246 40.7676 23.1032 40.7676C20.6689 40.7676 18.3807 40.3057 16.2388 39.3818C14.0968 38.458 12.2337 37.1991 10.6494 35.6052C9.06508 34.011 7.81069 32.1454 6.88623 30.0084C5.96208 27.8714 5.5 25.5922 5.5 23.1708C5.5 20.7365 5.96192 18.4483 6.88577 16.3064C7.80961 14.1644 9.06338 12.3013 10.6471 10.717C12.2308 9.13266 14.0931 7.87827 16.2341 6.95381C18.3752 6.02966 20.6627 5.56758 23.0968 5.56758C25.5185 5.56758 27.7983 6.0295 29.9362 6.95335C32.0741 7.87719 33.9405 9.13096 35.5353 10.7147C37.1298 12.2983 38.3893 14.1607 39.3138 16.3017C40.2379 18.4427 40.7 20.7303 40.7 23.1643Z", fill: "#080808" }) }));
303
+ var icon_chevron_right_black_default = SvgIconChevronRightBlack;
304
+ var SvgIconPdf = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 32, viewBox: "0 0 33 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
305
+ /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_7870_13608)", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M28.875 8.92428V27.7644C28.875 28.8164 28.4404 29.8252 27.6668 30.5691C26.8932 31.3129 25.844 31.7308 24.75 31.7308H22.6875V29.7476H24.75C25.297 29.7476 25.8216 29.5387 26.2084 29.1667C26.5952 28.7948 26.8125 28.2904 26.8125 27.7644V8.92428H22.6875C21.867 8.92428 21.0801 8.61087 20.4999 8.05299C19.9197 7.49512 19.5938 6.73847 19.5938 5.94952V1.98317H8.25C7.70299 1.98317 7.17839 2.19211 6.79159 2.56403C6.4048 2.93595 6.1875 3.44038 6.1875 3.96635V21.8149H4.125V3.96635C4.125 2.91441 4.5596 1.90555 5.33318 1.16172C6.10677 0.417882 7.15598 0 8.25 0L19.5938 0L28.875 8.92428ZM3.3 23.5006H0V31.4313H1.63144V28.7699H3.28762C3.87887 28.7699 4.38212 28.6555 4.79737 28.4268C5.21675 28.1954 5.53506 27.8821 5.75231 27.4868C5.97875 27.0732 6.09297 26.6114 6.08438 26.1442C6.08438 25.6484 5.97575 25.2008 5.7585 24.8016C5.54086 24.4069 5.21207 24.079 4.80975 23.8556C4.39725 23.6176 3.894 23.4993 3.3 23.5006ZM4.42406 26.1442C4.43107 26.4054 4.37085 26.6643 4.24875 26.8978C4.13927 27.1012 3.96809 27.2679 3.75788 27.3757C3.51761 27.4895 3.25216 27.5453 2.98444 27.5383H1.62525V24.75H2.9865C3.43612 24.75 3.78813 24.8697 4.0425 25.109C4.29688 25.3509 4.42406 25.696 4.42406 26.1442ZM6.93412 23.5006V31.4313H9.94538C10.7731 31.4313 11.4593 31.2746 12.0038 30.9613C12.5548 30.6443 12.985 30.1652 13.2309 29.5949C13.5004 28.9999 13.6352 28.2834 13.6352 27.4451C13.6352 26.6122 13.5004 25.9016 13.2309 25.3132C12.9874 24.7497 12.5614 24.2768 12.0161 23.9647C11.4716 23.6553 10.7807 23.5006 9.94331 23.5006H6.93412ZM8.56556 24.7797H9.72675C10.2369 24.7797 10.6556 24.8802 10.9828 25.0812C11.3221 25.2964 11.5786 25.6127 11.7129 25.9816C11.8752 26.3808 11.9563 26.8786 11.9563 27.4749C11.9627 27.8704 11.9156 28.2651 11.8161 28.6489C11.7449 28.9524 11.6071 29.2378 11.4118 29.4858C11.2324 29.7082 10.9946 29.8807 10.7229 29.9856C10.4046 30.1 10.0665 30.1552 9.72675 30.1482H8.56556V24.7797ZM16.2855 28.2761V31.4313H14.6561V23.5006H19.9114V24.7956H16.2855V27.0108H19.5979V28.2761H16.2855Z", fill: "#949494" }) }),
306
+ /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_7870_13608", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 33, height: 31.7308, fill: "white" }) }) })
307
+ ] }));
308
+ var icon_pdf_default = SvgIconPdf;
309
+ var SvgIconExternalLink = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 33, viewBox: "0 0 33 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
310
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.5215 17.8754C14.1612 18.6649 14.9773 19.3181 15.9146 19.7907C16.8518 20.2634 17.8882 20.5445 18.9535 20.6149C20.0187 20.6853 21.088 20.5434 22.0886 20.1989C23.0892 19.8543 23.9979 19.3152 24.7529 18.6179L29.2217 14.4929C30.5784 13.1963 31.3291 11.4597 31.3121 9.65706C31.2952 7.85445 30.5119 6.13012 29.131 4.85544C27.7501 3.58076 25.882 2.85772 23.9292 2.84206C21.9764 2.82639 20.095 3.51935 18.6903 4.77169L16.1283 7.12294", stroke: "#949494", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }),
311
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.4784 15.1242C18.8387 14.3348 18.0226 13.6816 17.0853 13.2089C16.1481 12.7363 15.1117 12.4552 14.0464 12.3848C12.9812 12.3143 11.912 12.4562 10.9113 12.8008C9.91068 13.1453 9.00202 13.6845 8.24697 14.3817L3.77822 18.5067C2.42152 19.8034 1.67081 21.54 1.68778 23.3426C1.70475 25.1452 2.48804 26.8695 3.86894 28.1442C5.24985 29.4189 7.11788 30.1419 9.0707 30.1576C11.0235 30.1733 12.9049 29.4803 14.3096 28.228L16.8568 25.8767", stroke: "#949494", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" })
312
+ ] }));
313
+ var icon_external_link_default = SvgIconExternalLink;
283
314
  var svgs = {
284
315
  /* Card */
285
316
  ads: icon_ads_default,
@@ -300,6 +331,8 @@ var svgs = {
300
331
  tech: icon_tech_default,
301
332
  work: icon_work_default,
302
333
  workhome: icon_workhome_default,
334
+ pdf: icon_pdf_default,
335
+ externalLink: icon_external_link_default,
303
336
  /* Button */
304
337
  blankCheckbox: icon_blank_checkbox_default,
305
338
  blankCheckboxWhite: icon_blank_checkbox_white_default,
@@ -315,6 +348,7 @@ var svgs = {
315
348
  filledChevronLeft: icon_filled_chevron_left_default,
316
349
  filledChevronRight: icon_filled_chevron_right_default,
317
350
  filledChevronUp: icon_filled_chevron_up_default,
351
+ filledChevronUpBlack: icon_filled_chevron_up_black_default,
318
352
  leftWhite: icon_left_white_default,
319
353
  mailBlack: icon_mail_black_default,
320
354
  rightBlack: icon_right_black_default,
@@ -325,6 +359,13 @@ var svgs = {
325
359
  upChevronWhite: icon_up_chevron_white_default,
326
360
  watchBlack: icon_watch_black_default,
327
361
  watchWhite: icon_watch_white_default,
362
+ filter: icon_filter_default,
363
+ internalFilter: icon_internal_filter_default,
364
+ search: icon_search_default,
365
+ grid: icon_grid_default,
366
+ list: icon_list_default,
367
+ chevronLeftBlack: icon_chevron_left_black_default,
368
+ chevronRightBlack: icon_chevron_right_black_default,
328
369
  /* Dropdown */
329
370
  chevronDefault: icon_chevron_default_default,
330
371
  chevronHovered: icon_chevron_hovered_default,
@@ -337,7 +378,7 @@ var svgs = {
337
378
  xBlack: icon_x_black_default,
338
379
  xWhite: icon_x_white_default
339
380
  };
340
- var Icon = React52__default.default.memo(
381
+ var Icon = React62__default.default.memo(
341
382
  (_a) => {
342
383
  var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
343
384
  if (type) {
@@ -363,6 +404,8 @@ var Button_module_default = {
363
404
  grey: "Button_module_grey",
364
405
  shiny: "Button_module_shiny",
365
406
  rotateGradient: "Button_module_rotateGradient",
407
+ tabbutton: "Button_module_tabbutton",
408
+ active: "Button_module_active",
366
409
  icon: "Button_module_icon",
367
410
  logo: "Button_module_logo"
368
411
  };
@@ -375,7 +418,8 @@ var Button = (_a) => {
375
418
  href,
376
419
  isExternal,
377
420
  icon,
378
- logo
421
+ logo,
422
+ isActive
379
423
  } = _b, rest = __objRest(_b, [
380
424
  "className",
381
425
  "children",
@@ -384,14 +428,16 @@ var Button = (_a) => {
384
428
  "href",
385
429
  "isExternal",
386
430
  "icon",
387
- "logo"
431
+ "logo",
432
+ "isActive"
388
433
  ]);
389
434
  const isLink = !!href;
390
435
  const props = __spreadValues(__spreadValues({
391
- className: clsx20__default.default(
436
+ className: clsx23__default.default(
392
437
  Button_module_default.button,
393
438
  variant ? Button_module_default[variant] : null,
394
439
  { [Button_module_default.fullWidth]: !!fullWidth },
440
+ { [Button_module_default.active]: !!isActive },
395
441
  className
396
442
  )
397
443
  }, isLink ? { href, isExternal } : {}), rest);
@@ -443,21 +489,21 @@ var getDeviceType = (width) => {
443
489
  return "desktop";
444
490
  };
445
491
  var useViewPort = () => {
446
- const [device, setDevice] = React52.useState(
492
+ const [device, setDevice] = React62.useState(
447
493
  () => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
448
494
  );
449
- const getOtherDevices = React52.useCallback(
495
+ const getOtherDevices = React62.useCallback(
450
496
  (list, what, includeSelf = false) => {
451
497
  const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
452
498
  return [...list].slice(deviceIndex);
453
499
  },
454
500
  []
455
501
  );
456
- const onWindowResize = React52.useCallback(() => {
502
+ const onWindowResize = React62.useCallback(() => {
457
503
  setDevice(getDeviceType(window.innerWidth));
458
504
  }, []);
459
505
  const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
460
- React52.useEffect(() => {
506
+ React62.useEffect(() => {
461
507
  window.addEventListener("resize", onWindowResizeDebounce);
462
508
  return () => window.removeEventListener("resize", onWindowResizeDebounce);
463
509
  }, [onWindowResizeDebounce]);
@@ -510,13 +556,13 @@ var BrandsStrip = ({
510
556
  cta,
511
557
  size
512
558
  }) => {
513
- const [show, setShow] = React52.useState(false);
514
- const [shouldAnimate, setShouldAnimate] = React52.useState(false);
559
+ const [show, setShow] = React62.useState(false);
560
+ const [shouldAnimate, setShouldAnimate] = React62.useState(false);
515
561
  const { is } = useViewPort_default();
516
562
  const isTabletBelow = is("tablet", "below");
517
- const containerRef = React52.useRef(null);
518
- const marqueeRef = React52.useRef(null);
519
- const timeline = React52.useRef(null);
563
+ const containerRef = React62.useRef(null);
564
+ const marqueeRef = React62.useRef(null);
565
+ const timeline = React62.useRef(null);
520
566
  const horizontalLoop = (items, config) => {
521
567
  const itemsArray = gsap__default.default.utils.toArray(items);
522
568
  const cfg = config || {};
@@ -610,7 +656,7 @@ var BrandsStrip = ({
610
656
  timeline.current.play();
611
657
  }
612
658
  };
613
- const duplicatedLogos = React52.useMemo(() => {
659
+ const duplicatedLogos = React62.useMemo(() => {
614
660
  if (logos.length === 0) return [];
615
661
  if (!shouldAnimate) return [...logos];
616
662
  return [...logos, ...logos];
@@ -619,7 +665,7 @@ var BrandsStrip = ({
619
665
  "div",
620
666
  {
621
667
  ref: containerRef,
622
- className: clsx20__default.default(
668
+ className: clsx23__default.default(
623
669
  BrandsStrip_module_default.brandsStrip,
624
670
  BrandsStrip_module_default[variant],
625
671
  { [BrandsStrip_module_default.small]: size === "small" },
@@ -628,13 +674,13 @@ var BrandsStrip = ({
628
674
  onMouseEnter: handleMouseEnter,
629
675
  onMouseLeave: handleMouseLeave,
630
676
  children: [
631
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
632
- title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx20__default.default("body", BrandsStrip_module_default.title), children: title }),
677
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
678
+ title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx23__default.default("body", BrandsStrip_module_default.title), children: title }),
633
679
  logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
634
680
  "div",
635
681
  {
636
682
  ref: marqueeRef,
637
- className: clsx20__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
683
+ className: clsx23__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
638
684
  children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
639
685
  }
640
686
  )
@@ -663,8 +709,8 @@ var CardSubtitle = ({ children }) => {
663
709
  };
664
710
  function resolveCompoundSlots(children, slots) {
665
711
  const resolved = {};
666
- React52.Children.forEach(children, (child) => {
667
- if (!React52.isValidElement(child)) return;
712
+ React62.Children.forEach(children, (child) => {
713
+ if (!React62.isValidElement(child)) return;
668
714
  Object.entries(slots).forEach(([key, Component]) => {
669
715
  if (child.type === Component) {
670
716
  resolved[key] = child.props.children;
@@ -678,10 +724,10 @@ function resolveCompoundSlots(children, slots) {
678
724
  var Container_module_default = {
679
725
  container: "Container_module_container"
680
726
  };
681
- var Container = React52.forwardRef(
727
+ var Container = React62.forwardRef(
682
728
  (_a, ref) => {
683
729
  var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
684
- return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx20__default.default(Container_module_default.container, className) }, props), { children }));
730
+ return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx23__default.default(Container_module_default.container, className) }, props), { children }));
685
731
  }
686
732
  );
687
733
  Container.displayName = "Container";
@@ -693,7 +739,10 @@ var Card_module_default = {
693
739
  content: "Card_module_content",
694
740
  subtitle: "Card_module_subtitle",
695
741
  light: "Card_module_light",
696
- logo: "Card_module_logo"
742
+ logoContainer: "Card_module_logoContainer",
743
+ logo: "Card_module_logo",
744
+ logoHover: "Card_module_logoHover",
745
+ hideLogo: "Card_module_hideLogo"
697
746
  };
698
747
  var Card = ({
699
748
  className,
@@ -714,17 +763,21 @@ var Card = ({
714
763
  });
715
764
  const titleNode = (_a = slots.title) != null ? _a : title;
716
765
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
766
+ const isLink = !!(href && !label);
717
767
  return /* @__PURE__ */ jsxRuntime.jsxs(
718
768
  ConditionalWrapper,
719
769
  __spreadProps(__spreadValues({
720
770
  ref,
721
- className: clsx20__default.default(Card_module_default.card, Card_module_default[variant], className),
771
+ className: clsx23__default.default(Card_module_default.card, Card_module_default[variant], className),
722
772
  wrapper: Anchor,
723
773
  fallback: "div",
724
- condition: href && !label
774
+ condition: isLink
725
775
  }, href ? { href, isExternal } : {}), {
726
776
  children: [
727
- (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Card_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: Card_module_default.logo }),
777
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
778
+ (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx23__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx23__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
779
+ isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
780
+ ] }),
728
781
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
729
782
  titleNode && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "h4", children: titleNode }),
730
783
  subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
@@ -757,10 +810,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
757
810
  title: CountingCardTitle
758
811
  });
759
812
  const titleNode = (_a = slots.title) != null ? _a : title;
760
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(CountingCard_module_default["counting-card"], className), children: [
813
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(CountingCard_module_default["counting-card"], className), children: [
761
814
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
762
815
  titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
763
- count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(CountingCard_module_default.count, "h1"), children: count })
816
+ count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(CountingCard_module_default.count, "h1"), children: count })
764
817
  ] }),
765
818
  image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
766
819
  ] });
@@ -792,9 +845,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
792
845
  });
793
846
  const titleNode = (_a = slots.title) != null ? _a : title;
794
847
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
795
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
848
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
796
849
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
797
- icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
850
+ icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
798
851
  titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
799
852
  ] }),
800
853
  subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
@@ -826,7 +879,7 @@ var Pagination = ({
826
879
  disableArrows = false,
827
880
  onPageChange
828
881
  }) => {
829
- const [activePage, setActivePage] = React52.useState(currentPage);
882
+ const [activePage, setActivePage] = React62.useState(currentPage);
830
883
  const goToPage = (page) => {
831
884
  if (page < 1 || page > totalPages) return;
832
885
  setActivePage(page);
@@ -856,7 +909,7 @@ var Pagination = ({
856
909
  setActivePage(page);
857
910
  onPageChange == null ? void 0 : onPageChange(page);
858
911
  };
859
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(Pagination_module_default.pagination, className), children: [
912
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(Pagination_module_default.pagination, className), children: [
860
913
  !disableArrows && /* @__PURE__ */ jsxRuntime.jsx(
861
914
  "button",
862
915
  {
@@ -873,7 +926,7 @@ var Pagination = ({
873
926
  "button",
874
927
  {
875
928
  onClick: () => goToPage(page),
876
- className: clsx20__default.default(Pagination_module_default.page, {
929
+ className: clsx23__default.default(Pagination_module_default.page, {
877
930
  [Pagination_module_default.active]: activePage === page,
878
931
  [Pagination_module_default.number]: hasNumber
879
932
  }),
@@ -909,7 +962,7 @@ var PracticeCard_module_default = {
909
962
  };
910
963
  var PracticeCard = ({ className, title, cta, image }) => {
911
964
  const { url: href, isExternal } = cta != null ? cta : {};
912
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
965
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
913
966
  ConditionalWrapper,
914
967
  __spreadProps(__spreadValues({
915
968
  className: PracticeCard_module_default.wrapper,
@@ -920,7 +973,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
920
973
  children: [
921
974
  image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
922
975
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
923
- title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(PracticeCard_module_default.title, "h3"), children: title }),
976
+ title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(PracticeCard_module_default.title, "h3"), children: title }),
924
977
  href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
925
978
  /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
926
979
  /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
@@ -930,6 +983,23 @@ var PracticeCard = ({ className, title, cta, image }) => {
930
983
  })
931
984
  ) });
932
985
  };
986
+
987
+ // src/components/LogoBar/LogoBar.module.scss
988
+ var LogoBar_module_default = {
989
+ logoBar: "LogoBar_module_logoBar",
990
+ logoWrapper: "LogoBar_module_logoWrapper",
991
+ logo: "LogoBar_module_logo",
992
+ logoHover: "LogoBar_module_logoHover"
993
+ };
994
+ var LogoBar = ({ className, items }) => {
995
+ if (!items || items.length === 0) return null;
996
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
997
+ return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
998
+ item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
999
+ item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
1000
+ ] }) }, key);
1001
+ }) });
1002
+ };
933
1003
  var CardCollectionTitle = ({ children }) => {
934
1004
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
935
1005
  };
@@ -963,10 +1033,10 @@ var CardCollection = ({
963
1033
  children
964
1034
  }) => {
965
1035
  var _a, _b;
966
- const container = React52.useRef(null);
967
- const revealWrapper = React52.useRef(null);
968
- const extraCard = React52.useRef(null);
969
- const [isExpanded, setIsExpanded] = React52.useState(false);
1036
+ const container = React62.useRef(null);
1037
+ const revealWrapper = React62.useRef(null);
1038
+ const extraCard = React62.useRef(null);
1039
+ const [isExpanded, setIsExpanded] = React62.useState(false);
970
1040
  const slots = resolveCompoundSlots(children, {
971
1041
  title: CardCollectionTitle,
972
1042
  subtitle: CardCollectionSubtitle
@@ -977,7 +1047,7 @@ var CardCollection = ({
977
1047
  const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
978
1048
  const hiddenCards = isExamCard ? cards.slice(8) : [];
979
1049
  const { contextSafe } = react.useGSAP({ scope: container });
980
- const handleShowMore = React52.useCallback(() => {
1050
+ const handleShowMore = React62.useCallback(() => {
981
1051
  contextSafe(() => {
982
1052
  setIsExpanded(true);
983
1053
  const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
@@ -1009,13 +1079,13 @@ var CardCollection = ({
1009
1079
  Container,
1010
1080
  {
1011
1081
  ref: container,
1012
- className: clsx20__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
1082
+ className: clsx23__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
1013
1083
  children: [
1014
1084
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
1015
1085
  titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
1016
1086
  subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
1017
1087
  ] }),
1018
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
1088
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
1019
1089
  visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
1020
1090
  isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(
1021
1091
  Card2,
@@ -1081,8 +1151,8 @@ var ContactModule = ({
1081
1151
  animateBlur = true
1082
1152
  }) => {
1083
1153
  var _a, _b;
1084
- const containerRef = React52.useRef(null);
1085
- const blurRef = React52.useRef(null);
1154
+ const containerRef = React62.useRef(null);
1155
+ const blurRef = React62.useRef(null);
1086
1156
  const slots = resolveCompoundSlots(children, {
1087
1157
  title: ContactModuleTitle,
1088
1158
  subtitle: ContactModuleSubtitle
@@ -1116,7 +1186,7 @@ var ContactModule = ({
1116
1186
  },
1117
1187
  { scope: containerRef, dependencies: [blurred, animateBlur] }
1118
1188
  );
1119
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx20__default.default(ContactModule_module_default["contact-module"], className), children: [
1189
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx23__default.default(ContactModule_module_default["contact-module"], className), children: [
1120
1190
  blurred && /* @__PURE__ */ jsxRuntime.jsx(
1121
1191
  "div",
1122
1192
  {
@@ -1131,8 +1201,8 @@ var ContactModule = ({
1131
1201
  /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
1132
1202
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
1133
1203
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
1134
- titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
1135
- subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
1204
+ titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
1205
+ subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
1136
1206
  ] }),
1137
1207
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
1138
1208
  Button,
@@ -1193,7 +1263,7 @@ var Footer = ({
1193
1263
  disclaimer: FooterDisclaimer
1194
1264
  });
1195
1265
  const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
1196
- return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx20__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
1266
+ return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx23__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
1197
1267
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default.bottom, children: [
1198
1268
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["bottom-left"], children: [
1199
1269
  supporters.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
@@ -1209,7 +1279,7 @@ var Footer = ({
1209
1279
  index
1210
1280
  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
1211
1281
  ) }) }),
1212
- titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
1282
+ titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
1213
1283
  copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
1214
1284
  ] }),
1215
1285
  columns.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1225,6 +1295,12 @@ var Footer = ({
1225
1295
  children
1226
1296
  ] }) });
1227
1297
  };
1298
+ var Text = (_a) => {
1299
+ var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
1300
+ const Component = promoteToH1 ? "h1" : tag;
1301
+ return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
1302
+ };
1303
+ Text.displayName = "Text";
1228
1304
  var HeroBannerTitle = ({ children }) => {
1229
1305
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
1230
1306
  };
@@ -1235,26 +1311,23 @@ var HeroBannerSubtitle = ({ children }) => {
1235
1311
  // src/widgets/HeroBanner/HeroBanner.module.scss
1236
1312
  var HeroBanner_module_default = {
1237
1313
  heroBanner: "HeroBanner_module_heroBanner",
1238
- pageHeroBanner: "HeroBanner_module_pageHeroBanner",
1239
1314
  container: "HeroBanner_module_container",
1240
- bannerPodcast: "HeroBanner_module_bannerPodcast",
1241
1315
  banner: "HeroBanner_module_banner",
1242
1316
  text: "HeroBanner_module_text",
1317
+ titleLogo: "HeroBanner_module_titleLogo",
1243
1318
  title: "HeroBanner_module_title",
1244
1319
  subtitle: "HeroBanner_module_subtitle",
1245
- logoWrapper: "HeroBanner_module_logoWrapper",
1246
- logo: "HeroBanner_module_logo",
1247
- horizontalGradient: "HeroBanner_module_horizontalGradient",
1248
- lensCrafters: "HeroBanner_module_lensCrafters",
1249
- forEyes: "HeroBanner_module_forEyes",
1250
- optical: "HeroBanner_module_optical",
1251
- pearleVision: "HeroBanner_module_pearleVision",
1252
1320
  ctaContainer: "HeroBanner_module_ctaContainer",
1253
1321
  brandsStrip: "HeroBanner_module_brandsStrip",
1254
1322
  backgroundImage: "HeroBanner_module_backgroundImage",
1255
1323
  scrollDown: "HeroBanner_module_scrollDown",
1256
1324
  arrow: "HeroBanner_module_arrow",
1257
- mainHeroBanner: "HeroBanner_module_mainHeroBanner"
1325
+ mainHeroBanner: "HeroBanner_module_mainHeroBanner",
1326
+ bannerPodcast: "HeroBanner_module_bannerPodcast",
1327
+ logoWrapper: "HeroBanner_module_logoWrapper",
1328
+ logo: "HeroBanner_module_logo",
1329
+ horizontalGradient: "HeroBanner_module_horizontalGradient",
1330
+ logoBar: "HeroBanner_module_logoBar"
1258
1331
  };
1259
1332
  var HeroBanner = ({
1260
1333
  className,
@@ -1264,7 +1337,9 @@ var HeroBanner = ({
1264
1337
  backgroundImage,
1265
1338
  logo,
1266
1339
  cta,
1340
+ ctaLogo,
1267
1341
  brands,
1342
+ promoteToH1,
1268
1343
  children
1269
1344
  }) => {
1270
1345
  var _a, _b;
@@ -1272,18 +1347,42 @@ var HeroBanner = ({
1272
1347
  const isTabletBelow = is("tablet", "below");
1273
1348
  const vPageHeroBanner = variant === "pageHeroBanner";
1274
1349
  const vBannerPodcast = variant === "bannerPodcast";
1350
+ const isTitleLogo = (logo == null ? void 0 : logo.variant) === "titleLogo";
1351
+ const GRADIENT_BANDS = [
1352
+ { color: "var(--color-lenscrafter-blue)" },
1353
+ { color: "var(--color-foreyes-brown)" },
1354
+ { color: "var(--color-targetoptical-red)" },
1355
+ { color: "var(--color-pearlevision-green)" }
1356
+ ];
1275
1357
  const slots = resolveCompoundSlots(children, {
1276
1358
  title: HeroBannerTitle,
1277
1359
  subtitle: HeroBannerSubtitle
1278
1360
  });
1279
1361
  const titleNode = (_a = slots.title) != null ? _a : title;
1280
1362
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
1281
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
1363
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
1282
1364
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
1283
1365
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
1284
1366
  (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
1285
- titleNode && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: clsx20__default.default(HeroBanner_module_default.title, "h1"), children: titleNode }),
1286
- subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
1367
+ isTitleLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.titleLogo }, logo)),
1368
+ titleNode && /* @__PURE__ */ jsxRuntime.jsx(
1369
+ Text,
1370
+ {
1371
+ tag: "h2",
1372
+ promoteToH1,
1373
+ className: clsx23__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
1374
+ children: titleNode
1375
+ }
1376
+ ),
1377
+ subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
1378
+ Text,
1379
+ {
1380
+ tag: "div",
1381
+ promoteToH1: promoteToH1 && !titleNode,
1382
+ className: clsx23__default.default(HeroBanner_module_default.subtitle, "subheading"),
1383
+ children: subtitleNode
1384
+ }
1385
+ )
1287
1386
  ] }),
1288
1387
  cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
1289
1388
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1298,9 +1397,10 @@ var HeroBanner = ({
1298
1397
  },
1299
1398
  key
1300
1399
  );
1301
- }) })
1400
+ }) }),
1401
+ ctaLogo && ctaLogo.length > 0 && vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx(LogoBar, { items: ctaLogo, className: HeroBanner_module_default.logoBar })
1302
1402
  ] }),
1303
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.logoWrapper, children: logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.logo }, logo)) }),
1403
+ logo && !isTitleLogo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.logo }, logo)) }),
1304
1404
  !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx(
1305
1405
  BrandsStrip,
1306
1406
  __spreadValues({
@@ -1309,14 +1409,9 @@ var HeroBanner = ({
1309
1409
  size: isTabletBelow || vPageHeroBanner ? "small" : void 0
1310
1410
  }, brands)
1311
1411
  ),
1312
- backgroundImage && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
1313
- ] }),
1314
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.horizontalGradient, children: [
1315
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.lensCrafters }),
1316
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.forEyes }),
1317
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.optical }),
1318
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.pearleVision })
1412
+ backgroundImage && !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: HeroBanner_module_default.backgroundImage }, backgroundImage))
1319
1413
  ] }),
1414
+ vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.horizontalGradient, children: GRADIENT_BANDS.map((band, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { backgroundColor: band.color } }, index)) }),
1320
1415
  !vBannerPodcast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBanner_module_default.scrollDown, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", className: HeroBanner_module_default.arrow }) })
1321
1416
  ] });
1322
1417
  };
@@ -1358,10 +1453,10 @@ var HeroBannerCarousel = ({
1358
1453
  }) => {
1359
1454
  const { is } = useViewPort_default();
1360
1455
  const isMobile = is("tablet", "below");
1361
- const [swiperInstance, setSwiperInstance] = React52.useState(null);
1362
- const [activeIndex, setActiveIndex] = React52.useState(0);
1456
+ const [swiperInstance, setSwiperInstance] = React62.useState(null);
1457
+ const [activeIndex, setActiveIndex] = React62.useState(0);
1363
1458
  if (!items.length) return null;
1364
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
1459
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
1365
1460
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
1366
1461
  react$1.Swiper,
1367
1462
  {
@@ -1408,7 +1503,7 @@ var HeroBannerCarousel = ({
1408
1503
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
1409
1504
  "button",
1410
1505
  {
1411
- className: clsx20__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
1506
+ className: clsx23__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
1412
1507
  onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
1413
1508
  "aria-label": `Go to slide ${index + 1}`
1414
1509
  },
@@ -1427,6 +1522,290 @@ var HeroBannerCarousel = ({
1427
1522
  ] })
1428
1523
  ] }) });
1429
1524
  };
1525
+
1526
+ // src/components/Accordion/Accordion.module.scss
1527
+ var Accordion_module_default = {
1528
+ accordionTitle: "Accordion_module_accordionTitle",
1529
+ accordion: "Accordion_module_accordion",
1530
+ accordionItem: "Accordion_module_accordionItem",
1531
+ accordionItemOpen: "Accordion_module_accordionItemOpen",
1532
+ accordionHeader: "Accordion_module_accordionHeader",
1533
+ accordionHeaderLeft: "Accordion_module_accordionHeaderLeft",
1534
+ accordionChevron: "Accordion_module_accordionChevron",
1535
+ accordionContent: "Accordion_module_accordionContent",
1536
+ accordionContentInner: "Accordion_module_accordionContentInner"
1537
+ };
1538
+ var AccordionItem = ({
1539
+ id,
1540
+ title,
1541
+ children,
1542
+ isOpen = false,
1543
+ onToggle,
1544
+ className
1545
+ }) => {
1546
+ const contentRef = React62.useRef(null);
1547
+ const contentInnerRef = React62.useRef(null);
1548
+ const timelineRef = React62.useRef(null);
1549
+ const [contentHeight, setContentHeight] = React62.useState(0);
1550
+ React62.useEffect(() => {
1551
+ if (contentInnerRef.current) {
1552
+ setContentHeight(contentInnerRef.current.scrollHeight);
1553
+ }
1554
+ }, [children]);
1555
+ React62.useEffect(() => {
1556
+ if (contentRef.current && contentHeight > 0) {
1557
+ if (timelineRef.current) {
1558
+ timelineRef.current.kill();
1559
+ }
1560
+ const tl = gsap__default.default.timeline({
1561
+ defaults: { duration: 0.25, ease: "power2.inOut" }
1562
+ });
1563
+ if (isOpen) {
1564
+ tl.to(contentRef.current, {
1565
+ height: contentHeight,
1566
+ duration: 0.25,
1567
+ ease: "power2.inOut",
1568
+ clearProps: "height"
1569
+ });
1570
+ } else {
1571
+ tl.to(contentRef.current, {
1572
+ height: 0,
1573
+ duration: 0.25,
1574
+ ease: "power2.inOut"
1575
+ });
1576
+ }
1577
+ timelineRef.current = tl;
1578
+ }
1579
+ }, [isOpen, contentHeight]);
1580
+ const handleToggle = () => {
1581
+ onToggle == null ? void 0 : onToggle(id);
1582
+ };
1583
+ return /* @__PURE__ */ jsxRuntime.jsxs(
1584
+ "div",
1585
+ {
1586
+ className: clsx23__default.default(
1587
+ Accordion_module_default.accordionItem,
1588
+ {
1589
+ [Accordion_module_default.accordionItemOpen]: isOpen
1590
+ },
1591
+ className
1592
+ ),
1593
+ children: [
1594
+ /* @__PURE__ */ jsxRuntime.jsxs(
1595
+ "button",
1596
+ {
1597
+ className: clsx23__default.default(Accordion_module_default.accordionHeader, {
1598
+ [Accordion_module_default.accordionHeaderOpen]: isOpen
1599
+ }),
1600
+ onClick: handleToggle,
1601
+ "aria-expanded": isOpen,
1602
+ "aria-label": `Toggle ${title}`,
1603
+ children: [
1604
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx23__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
1605
+ /* @__PURE__ */ jsxRuntime.jsx(
1606
+ "span",
1607
+ {
1608
+ className: clsx23__default.default(Accordion_module_default.accordionChevron, {
1609
+ [Accordion_module_default.accordionChevronOpen]: isOpen
1610
+ }),
1611
+ children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
1612
+ }
1613
+ )
1614
+ ]
1615
+ }
1616
+ ),
1617
+ /* @__PURE__ */ jsxRuntime.jsx(
1618
+ "div",
1619
+ {
1620
+ ref: contentRef,
1621
+ className: Accordion_module_default.accordionContent,
1622
+ style: {
1623
+ overflow: "hidden",
1624
+ height: 0
1625
+ },
1626
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: contentInnerRef, className: Accordion_module_default.accordionContentInner, children })
1627
+ }
1628
+ )
1629
+ ]
1630
+ }
1631
+ );
1632
+ };
1633
+ var Accordion = ({
1634
+ className,
1635
+ items = [],
1636
+ defaultOpenIds = [],
1637
+ allowMultiple = false,
1638
+ onItemToggle
1639
+ }) => {
1640
+ const [openIds, setOpenIds] = React62.useState(defaultOpenIds);
1641
+ const handleToggle = (id) => {
1642
+ setOpenIds((prev) => {
1643
+ let newOpenIds;
1644
+ if (prev.includes(id)) {
1645
+ newOpenIds = prev.filter((itemId) => itemId !== id);
1646
+ } else {
1647
+ if (allowMultiple) {
1648
+ newOpenIds = [...prev, id];
1649
+ } else {
1650
+ newOpenIds = [id];
1651
+ }
1652
+ }
1653
+ onItemToggle == null ? void 0 : onItemToggle(id, !prev.includes(id));
1654
+ return newOpenIds;
1655
+ });
1656
+ };
1657
+ if (items.length === 0) {
1658
+ return null;
1659
+ }
1660
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
1661
+ AccordionItem,
1662
+ {
1663
+ id: item.id,
1664
+ title: item.title,
1665
+ isOpen: openIds.includes(item.id),
1666
+ onToggle: handleToggle,
1667
+ children: item.content
1668
+ },
1669
+ item.id
1670
+ )) });
1671
+ };
1672
+
1673
+ // src/widgets/InternalBrandsTab/InternalBrandsTab.module.scss
1674
+ var InternalBrandsTab_module_default = {
1675
+ internalBrandsTab: "InternalBrandsTab_module_internalBrandsTab",
1676
+ textsContainer: "InternalBrandsTab_module_textsContainer",
1677
+ subTitle: "InternalBrandsTab_module_subTitle",
1678
+ contentArea: "InternalBrandsTab_module_contentArea",
1679
+ topContent: "InternalBrandsTab_module_topContent",
1680
+ topContentTitle: "InternalBrandsTab_module_topContentTitle",
1681
+ topContentLongText: "InternalBrandsTab_module_topContentLongText",
1682
+ accordionTopContent: "InternalBrandsTab_module_accordionTopContent",
1683
+ bottomContent: "InternalBrandsTab_module_bottomContent",
1684
+ bottomContentLeftSide: "InternalBrandsTab_module_bottomContentLeftSide",
1685
+ bottomContentTitle: "InternalBrandsTab_module_bottomContentTitle",
1686
+ bottomContentRightSide: "InternalBrandsTab_module_bottomContentRightSide",
1687
+ bottomContentQuote: "InternalBrandsTab_module_bottomContentQuote",
1688
+ accordionBottomContent: "InternalBrandsTab_module_accordionBottomContent",
1689
+ bottomContentTextList: "InternalBrandsTab_module_bottomContentTextList",
1690
+ title: "InternalBrandsTab_module_title",
1691
+ tabWrapper: "InternalBrandsTab_module_tabWrapper",
1692
+ tabButtonsRow: "InternalBrandsTab_module_tabButtonsRow",
1693
+ topContentCta: "InternalBrandsTab_module_topContentCta",
1694
+ topContentRightSide: "InternalBrandsTab_module_topContentRightSide",
1695
+ bottomContentIcon: "InternalBrandsTab_module_bottomContentIcon",
1696
+ topContentCtaContainer: "InternalBrandsTab_module_topContentCtaContainer"
1697
+ };
1698
+ var InternalBrandsTab = (props) => {
1699
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
1700
+ const { title, subTitle, className, tabs } = props;
1701
+ const [activeIndex, setActiveIndex] = React62.useState(0);
1702
+ const { is } = useViewPort_default();
1703
+ const isTabletBelow = is("tablet", "below");
1704
+ const accordionItems = React62.useMemo(() => {
1705
+ return (tabs == null ? void 0 : tabs.map((tab, index) => {
1706
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
1707
+ return {
1708
+ id: index,
1709
+ title: tab.tabTitle || "",
1710
+ content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1711
+ tab.topContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.accordionTopContent, children: [
1712
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1713
+ ((_a2 = tab.topContent) == null ? void 0 : _a2.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: tab.topContent.title }),
1714
+ ((_b2 = tab.topContent) == null ? void 0 : _b2.longText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentLongText, children: tab.topContent.longText }),
1715
+ ((_c2 = tab.topContent) == null ? void 0 : _c2.cta) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentCtaContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
1716
+ Button,
1717
+ {
1718
+ className: InternalBrandsTab_module_default.topContentCta,
1719
+ variant: "primary",
1720
+ href: (_d2 = tab.topContent.cta) == null ? void 0 : _d2.url,
1721
+ isExternal: (_e2 = tab.topContent.cta) == null ? void 0 : _e2.isExternal,
1722
+ logo: (_f2 = tab.topContent.cta) == null ? void 0 : _f2.logo,
1723
+ children: (_g2 = tab.topContent.cta) == null ? void 0 : _g2.label
1724
+ }
1725
+ ) })
1726
+ ] }),
1727
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: ((_h2 = tab.topContent) == null ? void 0 : _h2.rightSideText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentRightSide, children: tab.topContent.rightSideText }) })
1728
+ ] }),
1729
+ tab.bottomContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.accordionBottomContent, children: [
1730
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContentLeftSide, children: [
1731
+ ((_i2 = tab.bottomContent) == null ? void 0 : _i2.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.bottomContentTitle, children: tab.bottomContent.title }),
1732
+ ((_j2 = tab.bottomContent) == null ? void 0 : _j2.textList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.bottomContentTextList, children: tab.bottomContent.textList })
1733
+ ] }),
1734
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContentRightSide, children: [
1735
+ ((_k2 = tab.bottomContent) == null ? void 0 : _k2.icon) && /* @__PURE__ */ jsxRuntime.jsx(
1736
+ Picture,
1737
+ {
1738
+ src: (_l2 = tab.bottomContent.icon) == null ? void 0 : _l2.src,
1739
+ alt: (_m2 = tab.bottomContent.icon) == null ? void 0 : _m2.alt,
1740
+ className: InternalBrandsTab_module_default.bottomContentIcon
1741
+ }
1742
+ ),
1743
+ ((_n2 = tab.bottomContent) == null ? void 0 : _n2.quote) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.bottomContentQuote, children: tab.bottomContent.quote })
1744
+ ] })
1745
+ ] })
1746
+ ] })
1747
+ };
1748
+ })) || [];
1749
+ }, [tabs]);
1750
+ return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx23__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
1751
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
1752
+ title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
1753
+ subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
1754
+ ] }),
1755
+ isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(Accordion, { items: accordionItems, allowMultiple: true, defaultOpenIds: [] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.tabWrapper, children: [
1756
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.tabButtonsRow, children: tabs == null ? void 0 : tabs.map(({ tabTitle }, index) => /* @__PURE__ */ jsxRuntime.jsx(
1757
+ Button,
1758
+ {
1759
+ variant: "tabbutton",
1760
+ onClick: () => setActiveIndex(index),
1761
+ isActive: activeIndex === index,
1762
+ children: tabTitle
1763
+ },
1764
+ index
1765
+ )) }),
1766
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1767
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
1768
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1769
+ ((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
1770
+ ((_d = tabs[activeIndex].topContent) == null ? void 0 : _d.longText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentLongText, children: (_e = tabs[activeIndex].topContent) == null ? void 0 : _e.longText }),
1771
+ ((_f = tabs[activeIndex].topContent) == null ? void 0 : _f.cta) && /* @__PURE__ */ jsxRuntime.jsx(
1772
+ Button,
1773
+ {
1774
+ className: InternalBrandsTab_module_default.topContentCta,
1775
+ variant: "primary",
1776
+ href: (_h = (_g = tabs[activeIndex].topContent) == null ? void 0 : _g.cta) == null ? void 0 : _h.url,
1777
+ isExternal: (_j = (_i = tabs[activeIndex].topContent) == null ? void 0 : _i.cta) == null ? void 0 : _j.isExternal,
1778
+ logo: (_l = (_k = tabs[activeIndex].topContent) == null ? void 0 : _k.cta) == null ? void 0 : _l.logo,
1779
+ children: (_n = (_m = tabs[activeIndex].topContent) == null ? void 0 : _m.cta) == null ? void 0 : _n.label
1780
+ }
1781
+ )
1782
+ ] }),
1783
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: ((_o = tabs[activeIndex].topContent) == null ? void 0 : _o.rightSideText) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.topContentRightSide, children: (_p = tabs[activeIndex].topContent) == null ? void 0 : _p.rightSideText }) })
1784
+ ] }),
1785
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContent, children: [
1786
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContentLeftSide, children: [
1787
+ ((_q = tabs[activeIndex].bottomContent) == null ? void 0 : _q.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.bottomContentTitle, children: (_r = tabs[activeIndex].bottomContent) == null ? void 0 : _r.title }),
1788
+ ((_s = tabs[activeIndex].bottomContent) == null ? void 0 : _s.textList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.bottomContentTextList, children: (_t = tabs[activeIndex].bottomContent) == null ? void 0 : _t.textList })
1789
+ ] }),
1790
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.bottomContentRightSide, children: [
1791
+ ((_u = tabs[activeIndex].bottomContent) == null ? void 0 : _u.icon) && /* @__PURE__ */ jsxRuntime.jsx(
1792
+ Picture,
1793
+ {
1794
+ src: (_w = (_v = tabs[activeIndex].bottomContent) == null ? void 0 : _v.icon) == null ? void 0 : _w.src,
1795
+ alt: (_y = (_x = tabs[activeIndex].bottomContent) == null ? void 0 : _x.icon) == null ? void 0 : _y.alt,
1796
+ className: InternalBrandsTab_module_default.bottomContentIcon
1797
+ }
1798
+ ),
1799
+ ((_z = tabs[activeIndex].bottomContent) == null ? void 0 : _z.quote) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.bottomContentQuote, children: (_A = tabs[activeIndex].bottomContent) == null ? void 0 : _A.quote })
1800
+ ] })
1801
+ ] })
1802
+ ] }) })
1803
+ ] })
1804
+ ] });
1805
+ };
1806
+
1807
+ // src/widgets/InternalBrandsTab/index.tsx
1808
+ var InternalBrandsTab2 = Object.assign(InternalBrandsTab, {});
1430
1809
  var MiniBannerTitle = ({ children }) => {
1431
1810
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
1432
1811
  };
@@ -1475,17 +1854,17 @@ var MiniBanner = ({
1475
1854
  const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
1476
1855
  const titleNode = (_b = slots.title) != null ? _b : title;
1477
1856
  const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
1478
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
1857
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
1479
1858
  ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
1480
1859
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
1481
1860
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
1482
1861
  (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
1483
- pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
1484
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
1862
+ pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
1863
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
1485
1864
  subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
1486
1865
  "div",
1487
1866
  {
1488
- className: clsx20__default.default(MiniBanner_module_default.title, {
1867
+ className: clsx23__default.default(MiniBanner_module_default.title, {
1489
1868
  subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
1490
1869
  h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
1491
1870
  }),
@@ -1556,14 +1935,14 @@ var MiniSectionCta = ({
1556
1935
  return /* @__PURE__ */ jsxRuntime.jsx(
1557
1936
  "div",
1558
1937
  {
1559
- className: clsx20__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
1938
+ className: clsx23__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
1560
1939
  children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
1561
1940
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
1562
1941
  titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
1563
1942
  subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
1564
1943
  "div",
1565
1944
  {
1566
- className: clsx20__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
1945
+ className: clsx23__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
1567
1946
  children: subtitleNode
1568
1947
  }
1569
1948
  )
@@ -1628,7 +2007,7 @@ var PracticePathCards = ({
1628
2007
  const titleNode = (_a = slots.title) != null ? _a : title;
1629
2008
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
1630
2009
  const footerNode = (_c = slots.footer) != null ? _c : footer;
1631
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
2010
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
1632
2011
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
1633
2012
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
1634
2013
  titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
@@ -1682,8 +2061,8 @@ var Teaser5050With3Text = ({
1682
2061
  title: Teaser5050With3TextTitle
1683
2062
  });
1684
2063
  const titleNode = (_a = slots.title) != null ? _a : title;
1685
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
1686
- titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
2064
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
2065
+ titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
1687
2066
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
1688
2067
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(InfoCard2, __spreadValues({}, card), key)) }),
1689
2068
  image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
@@ -1733,12 +2112,12 @@ var Teaser5050WithCta = ({
1733
2112
  return /* @__PURE__ */ jsxRuntime.jsx(
1734
2113
  "div",
1735
2114
  {
1736
- className: clsx20__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
2115
+ className: clsx23__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
1737
2116
  style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
1738
2117
  children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
1739
2118
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
1740
2119
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
1741
- titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
2120
+ titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
1742
2121
  subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
1743
2122
  ] }),
1744
2123
  (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1802,7 +2181,7 @@ var UpcomingEventCard = ({
1802
2181
  return /* @__PURE__ */ jsxRuntime.jsxs(
1803
2182
  "article",
1804
2183
  {
1805
- className: clsx20__default.default(
2184
+ className: clsx23__default.default(
1806
2185
  "card",
1807
2186
  UpcomingEventCard_module_default["event-card"],
1808
2187
  UpcomingEventCard_module_default[direction],
@@ -1810,26 +2189,26 @@ var UpcomingEventCard = ({
1810
2189
  className
1811
2190
  ),
1812
2191
  children: [
1813
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx20__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
1814
- showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx20__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
2192
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
2193
+ showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx23__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
1815
2194
  /* @__PURE__ */ jsxRuntime.jsxs(
1816
2195
  "div",
1817
2196
  {
1818
- className: clsx20__default.default(
2197
+ className: clsx23__default.default(
1819
2198
  "card-text-content",
1820
2199
  UpcomingEventCard_module_default["event-card-text-content"],
1821
2200
  (!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
1822
2201
  ),
1823
2202
  children: [
1824
2203
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
1825
- title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx20__default.default("card-text-title"), children: title }),
2204
+ title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx23__default.default("card-text-title"), children: title }),
1826
2205
  location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
1827
- description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
2206
+ description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
1828
2207
  cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
1829
2208
  Button,
1830
2209
  {
1831
2210
  variant: "secondary",
1832
- className: clsx20__default.default(
2211
+ className: clsx23__default.default(
1833
2212
  "card-cta",
1834
2213
  UpcomingEventCard_module_default["event-card-cta"],
1835
2214
  !hasCTAandImage && UpcomingEventCard_module_default.hidden
@@ -1848,12 +2227,12 @@ var UpcomingEventCard = ({
1848
2227
  cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
1849
2228
  "div",
1850
2229
  {
1851
- className: clsx20__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
2230
+ className: clsx23__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
1852
2231
  children: /* @__PURE__ */ jsxRuntime.jsx(
1853
2232
  Button,
1854
2233
  {
1855
2234
  variant: "secondary",
1856
- className: clsx20__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
2235
+ className: clsx23__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
1857
2236
  fullWidth: isBelowMobile,
1858
2237
  href: cta.url,
1859
2238
  icon: cta.icon,
@@ -1890,7 +2269,7 @@ var Carousel = (_a) => {
1890
2269
  },
1891
2270
  role: "region",
1892
2271
  "aria-label": ariaLabel,
1893
- className: clsx20__default.default(Carousel_module_default.carousel, className),
2272
+ className: clsx23__default.default(Carousel_module_default.carousel, className),
1894
2273
  spaceBetween: 0,
1895
2274
  slidesPerView: "auto",
1896
2275
  modules: [modules.FreeMode, modules.A11y],
@@ -1900,7 +2279,7 @@ var Carousel = (_a) => {
1900
2279
  children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
1901
2280
  react$1.SwiperSlide,
1902
2281
  {
1903
- className: clsx20__default.default(Carousel_module_default["carousel-item"], props.slideClass),
2282
+ className: clsx23__default.default(Carousel_module_default["carousel-item"], props.slideClass),
1904
2283
  children: slide
1905
2284
  },
1906
2285
  index
@@ -1950,13 +2329,13 @@ var EventList = ({
1950
2329
  return /* @__PURE__ */ jsxRuntime.jsx(
1951
2330
  "div",
1952
2331
  {
1953
- className: clsx20__default.default("event-list-module", EventList_module_default["event-list-module"], className),
2332
+ className: clsx23__default.default("event-list-module", EventList_module_default["event-list-module"], className),
1954
2333
  style: {
1955
2334
  backgroundColor
1956
2335
  },
1957
- children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(EventList_module_default["event-list-container"]), children: [
2336
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx23__default.default(EventList_module_default["event-list-container"]), children: [
1958
2337
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
1959
- titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx20__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
2338
+ titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx23__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
1960
2339
  cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
1961
2340
  Button,
1962
2341
  {
@@ -1973,7 +2352,7 @@ var EventList = ({
1973
2352
  Carousel,
1974
2353
  {
1975
2354
  "aria-label": "Upcoming events",
1976
- wrapperClass: clsx20__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
2355
+ wrapperClass: clsx23__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
1977
2356
  slideClass: EventList_module_default["carousel-list-item"],
1978
2357
  spaceBetween: 16,
1979
2358
  slides: items.map((item) => {
@@ -1981,7 +2360,7 @@ var EventList = ({
1981
2360
  return /* @__PURE__ */ jsxRuntime.jsx(
1982
2361
  UpcomingEventCard,
1983
2362
  __spreadValues({
1984
- className: clsx20__default.default(EventList_module_default["event-card"]),
2363
+ className: clsx23__default.default(EventList_module_default["event-card"]),
1985
2364
  direction: "vertical",
1986
2365
  showImage: false
1987
2366
  }, item),
@@ -1994,17 +2373,17 @@ var EventList = ({
1994
2373
  "ul",
1995
2374
  {
1996
2375
  "aria-label": "Upcoming events",
1997
- className: clsx20__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
2376
+ className: clsx23__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
1998
2377
  children: items == null ? void 0 : items.map((item, index) => {
1999
2378
  var _a2, _b, _c;
2000
2379
  return /* @__PURE__ */ jsxRuntime.jsx(
2001
2380
  "li",
2002
2381
  {
2003
- className: clsx20__default.default(EventList_module_default["card-list-item"]),
2382
+ className: clsx23__default.default(EventList_module_default["card-list-item"]),
2004
2383
  children: /* @__PURE__ */ jsxRuntime.jsx(
2005
2384
  UpcomingEventCard,
2006
2385
  __spreadProps(__spreadValues({}, item), {
2007
- className: clsx20__default.default(EventList_module_default["card-item"]),
2386
+ className: clsx23__default.default(EventList_module_default["card-item"]),
2008
2387
  showImage: false,
2009
2388
  direction: "vertical"
2010
2389
  })
@@ -2019,7 +2398,7 @@ var EventList = ({
2019
2398
  "ul",
2020
2399
  {
2021
2400
  "aria-label": "Upcoming events",
2022
- className: clsx20__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
2401
+ className: clsx23__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
2023
2402
  children: items == null ? void 0 : items.map((item, index) => {
2024
2403
  var _a2, _b, _c;
2025
2404
  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
@@ -2035,12 +2414,6 @@ var EventList = ({
2035
2414
  var EventList2 = Object.assign(EventList, {
2036
2415
  Title: EventListTitle
2037
2416
  });
2038
- var Text = (_a) => {
2039
- var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
2040
- const Component = promoteToH1 ? "h1" : tag;
2041
- return /* @__PURE__ */ jsxRuntime.jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
2042
- };
2043
- Text.displayName = "Text";
2044
2417
 
2045
2418
  // src/widgets/TextEvent/TextEvent.module.scss
2046
2419
  var TextEvent_module_default = {
@@ -2072,9 +2445,9 @@ var TextEvent = (props) => {
2072
2445
  });
2073
2446
  const titleNode = (_a = slots.title) != null ? _a : title;
2074
2447
  const richTextNode = (_b = slots.richText) != null ? _b : richText;
2075
- return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(TextEvent_module_default.textEvent, className), children: [
2448
+ return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx23__default.default(TextEvent_module_default.textEvent, className), children: [
2076
2449
  /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
2077
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
2450
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
2078
2451
  ] });
2079
2452
  };
2080
2453
 
@@ -2105,7 +2478,7 @@ var TextBody = (props) => {
2105
2478
  });
2106
2479
  const titleNode = (_a = slots.title) != null ? _a : title;
2107
2480
  const bodyNode = (_b = slots.body) != null ? _b : body;
2108
- return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx20__default.default(TextBody_module_default.textBody, className), children: [
2481
+ return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx23__default.default(TextBody_module_default.textBody, className), children: [
2109
2482
  titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
2110
2483
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
2111
2484
  ] });
@@ -2148,7 +2521,7 @@ var TextCenterCtaInBottom = ({
2148
2521
  });
2149
2522
  const titleNode = (_a = slots.title) != null ? _a : title;
2150
2523
  const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
2151
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx20__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
2524
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
2152
2525
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
2153
2526
  titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
2154
2527
  subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
@@ -2156,7 +2529,7 @@ var TextCenterCtaInBottom = ({
2156
2529
  !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
2157
2530
  "div",
2158
2531
  {
2159
- className: clsx20__default.default(
2532
+ className: clsx23__default.default(
2160
2533
  TextCenterCtaInBottom_module_default.ctaWrapper,
2161
2534
  ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
2162
2535
  ),
@@ -2182,17 +2555,392 @@ var TextCenterCtaInBottom2 = Object.assign(TextCenterCtaInBottom, {
2182
2555
  Title: TextCenterCtaInBottomTitle,
2183
2556
  Subtitle: TextCenterCtaInBottomSubtitle
2184
2557
  });
2558
+
2559
+ // src/widgets/ResourcesGridList/ResourcesGridList.module.scss
2560
+ var ResourcesGridList_module_default = {
2561
+ widget: "ResourcesGridList_module_widget",
2562
+ filterBar: "ResourcesGridList_module_filterBar",
2563
+ viewToggle: "ResourcesGridList_module_viewToggle",
2564
+ filterActions: "ResourcesGridList_module_filterActions",
2565
+ chip: "ResourcesGridList_module_chip",
2566
+ active: "ResourcesGridList_module_active",
2567
+ chipLabel: "ResourcesGridList_module_chipLabel",
2568
+ dropdownWrapper: "ResourcesGridList_module_dropdownWrapper",
2569
+ searchExpanded: "ResourcesGridList_module_searchExpanded",
2570
+ searchExpand: "ResourcesGridList_module_searchExpand",
2571
+ searchCollapsing: "ResourcesGridList_module_searchCollapsing",
2572
+ searchCollapse: "ResourcesGridList_module_searchCollapse",
2573
+ searchIconInner: "ResourcesGridList_module_searchIconInner",
2574
+ searchInput: "ResourcesGridList_module_searchInput",
2575
+ dropdownPanel: "ResourcesGridList_module_dropdownPanel",
2576
+ dropdownOption: "ResourcesGridList_module_dropdownOption",
2577
+ selected: "ResourcesGridList_module_selected",
2578
+ content: "ResourcesGridList_module_content",
2579
+ mobileSidebarOverlay: "ResourcesGridList_module_mobileSidebarOverlay",
2580
+ mobileSidebarOverlayOpen: "ResourcesGridList_module_mobileSidebarOverlayOpen",
2581
+ mobileCategoriesPanel: "ResourcesGridList_module_mobileCategoriesPanel",
2582
+ mobileCategoriesList: "ResourcesGridList_module_mobileCategoriesList",
2583
+ mobileSidebarItem: "ResourcesGridList_module_mobileSidebarItem",
2584
+ mobileSidebarCloseColumn: "ResourcesGridList_module_mobileSidebarCloseColumn",
2585
+ sidebar: "ResourcesGridList_module_sidebar",
2586
+ sidebarItem: "ResourcesGridList_module_sidebarItem",
2587
+ sidebarMobile: "ResourcesGridList_module_sidebarMobile",
2588
+ hamburger: "ResourcesGridList_module_hamburger",
2589
+ cardsArea: "ResourcesGridList_module_cardsArea",
2590
+ grid: "ResourcesGridList_module_grid",
2591
+ list: "ResourcesGridList_module_list",
2592
+ cardGrid: "ResourcesGridList_module_cardGrid",
2593
+ cardBody: "ResourcesGridList_module_cardBody",
2594
+ cardIconTitle: "ResourcesGridList_module_cardIconTitle",
2595
+ cardTitle: "ResourcesGridList_module_cardTitle",
2596
+ cardMeta: "ResourcesGridList_module_cardMeta",
2597
+ cardDate: "ResourcesGridList_module_cardDate",
2598
+ cardList: "ResourcesGridList_module_cardList",
2599
+ cardListLeft: "ResourcesGridList_module_cardListLeft",
2600
+ cardListRight: "ResourcesGridList_module_cardListRight",
2601
+ notificationDot: "ResourcesGridList_module_notificationDot",
2602
+ iconWrapper: "ResourcesGridList_module_iconWrapper",
2603
+ pagination: "ResourcesGridList_module_pagination",
2604
+ pageArrow: "ResourcesGridList_module_pageArrow",
2605
+ pageDotActive: "ResourcesGridList_module_pageDotActive",
2606
+ pageDot: "ResourcesGridList_module_pageDot"
2607
+ };
2608
+ var FILTER_OPTIONS = [
2609
+ { value: "link", label: "Link", icon: "externalLink" },
2610
+ { value: "pdf", label: "PDF", icon: "pdf" }
2611
+ ];
2612
+ var SORT_OPTIONS = [
2613
+ { value: "latest", label: "Latest" },
2614
+ { value: "oldest", label: "Oldest" },
2615
+ { value: "az", label: "A \u2192 Z" },
2616
+ { value: "za", label: "Z \u2192 A" }
2617
+ ];
2618
+ function FilterBar({
2619
+ view,
2620
+ onViewChange,
2621
+ isMobile,
2622
+ filterValue,
2623
+ onFilterChange,
2624
+ sortValue,
2625
+ onSortChange
2626
+ }) {
2627
+ const [openDropdown, setOpenDropdown] = React62.useState(null);
2628
+ const [searchState, setSearchState] = React62.useState("closed");
2629
+ const [searchQuery, setSearchQuery] = React62.useState("");
2630
+ const filterRef = React62.useRef(null);
2631
+ const sortRef = React62.useRef(null);
2632
+ const searchInputRef = React62.useRef(null);
2633
+ const closeSearch = () => {
2634
+ setSearchState("closing");
2635
+ setSearchQuery("");
2636
+ };
2637
+ React62.useEffect(() => {
2638
+ const handleMouseDown = (e) => {
2639
+ var _a, _b;
2640
+ const target = e.target;
2641
+ if (((_a = filterRef.current) == null ? void 0 : _a.contains(target)) || ((_b = sortRef.current) == null ? void 0 : _b.contains(target))) return;
2642
+ setOpenDropdown(null);
2643
+ };
2644
+ document.addEventListener("mousedown", handleMouseDown);
2645
+ return () => document.removeEventListener("mousedown", handleMouseDown);
2646
+ }, []);
2647
+ React62.useEffect(() => {
2648
+ var _a;
2649
+ if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
2650
+ }, [searchState]);
2651
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.filterBar, children: [
2652
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.viewToggle, children: [
2653
+ /* @__PURE__ */ jsxRuntime.jsxs(
2654
+ "button",
2655
+ {
2656
+ type: "button",
2657
+ className: clsx23__default.default(ResourcesGridList_module_default.chip, view === "grid" && ResourcesGridList_module_default.active),
2658
+ onClick: () => onViewChange("grid"),
2659
+ "aria-pressed": view === "grid",
2660
+ children: [
2661
+ /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "grid", size: 20, "aria-hidden": "true" }),
2662
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Grid" })
2663
+ ]
2664
+ }
2665
+ ),
2666
+ /* @__PURE__ */ jsxRuntime.jsxs(
2667
+ "button",
2668
+ {
2669
+ type: "button",
2670
+ className: clsx23__default.default(ResourcesGridList_module_default.chip, view === "list" && ResourcesGridList_module_default.active),
2671
+ onClick: () => onViewChange("list"),
2672
+ "aria-pressed": view === "list",
2673
+ children: [
2674
+ /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "list", size: 20, "aria-hidden": "true" }),
2675
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "List" })
2676
+ ]
2677
+ }
2678
+ )
2679
+ ] }),
2680
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.filterActions, children: [
2681
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.dropdownWrapper, ref: filterRef, children: [
2682
+ /* @__PURE__ */ jsxRuntime.jsxs(
2683
+ "button",
2684
+ {
2685
+ type: "button",
2686
+ className: clsx23__default.default(ResourcesGridList_module_default.chip, filterValue !== "all" && ResourcesGridList_module_default.active),
2687
+ onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
2688
+ "aria-expanded": openDropdown === "filter",
2689
+ children: [
2690
+ /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filter", size: 20, "aria-hidden": "true" }),
2691
+ !isMobile && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Filter" })
2692
+ ]
2693
+ }
2694
+ ),
2695
+ openDropdown === "filter" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.dropdownPanel, role: "listbox", "aria-label": "Filter by type", children: FILTER_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
2696
+ "button",
2697
+ {
2698
+ type: "button",
2699
+ role: "option",
2700
+ "aria-selected": filterValue === opt.value,
2701
+ className: clsx23__default.default(
2702
+ ResourcesGridList_module_default.dropdownOption,
2703
+ filterValue === opt.value && ResourcesGridList_module_default.selected
2704
+ ),
2705
+ onClick: () => {
2706
+ onFilterChange(filterValue === opt.value ? "all" : opt.value);
2707
+ setOpenDropdown(null);
2708
+ },
2709
+ children: [
2710
+ /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: opt.icon, size: 20, "aria-hidden": "true" }),
2711
+ opt.label
2712
+ ]
2713
+ },
2714
+ opt.value
2715
+ )) })
2716
+ ] }),
2717
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.dropdownWrapper, ref: sortRef, children: [
2718
+ /* @__PURE__ */ jsxRuntime.jsxs(
2719
+ "button",
2720
+ {
2721
+ type: "button",
2722
+ className: ResourcesGridList_module_default.chip,
2723
+ onClick: () => setOpenDropdown(openDropdown === "sort" ? null : "sort"),
2724
+ "aria-expanded": openDropdown === "sort",
2725
+ children: [
2726
+ /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "internalFilter", size: 20, "aria-hidden": "true" }),
2727
+ !isMobile && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Sort" })
2728
+ ]
2729
+ }
2730
+ ),
2731
+ openDropdown === "sort" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.dropdownPanel, role: "listbox", "aria-label": "Sort by", children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
2732
+ "button",
2733
+ {
2734
+ type: "button",
2735
+ role: "option",
2736
+ "aria-selected": sortValue === opt.value,
2737
+ className: clsx23__default.default(
2738
+ ResourcesGridList_module_default.dropdownOption,
2739
+ sortValue === opt.value && ResourcesGridList_module_default.selected
2740
+ ),
2741
+ onClick: () => {
2742
+ onSortChange(opt.value);
2743
+ setOpenDropdown(null);
2744
+ },
2745
+ children: opt.label
2746
+ },
2747
+ opt.value
2748
+ )) })
2749
+ ] }),
2750
+ searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
2751
+ "div",
2752
+ {
2753
+ className: clsx23__default.default(
2754
+ ResourcesGridList_module_default.searchExpanded,
2755
+ searchState === "closing" && ResourcesGridList_module_default.searchCollapsing
2756
+ ),
2757
+ onAnimationEnd: () => {
2758
+ if (searchState === "closing") setSearchState("closed");
2759
+ },
2760
+ children: [
2761
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.searchIconInner, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }) }),
2762
+ /* @__PURE__ */ jsxRuntime.jsx(
2763
+ "input",
2764
+ {
2765
+ ref: searchInputRef,
2766
+ type: "text",
2767
+ className: ResourcesGridList_module_default.searchInput,
2768
+ placeholder: "Search\u2026",
2769
+ value: searchQuery,
2770
+ onChange: (e) => setSearchQuery(e.target.value),
2771
+ onKeyDown: (e) => {
2772
+ if (e.key === "Escape") closeSearch();
2773
+ },
2774
+ onBlur: closeSearch
2775
+ }
2776
+ )
2777
+ ]
2778
+ }
2779
+ ) : /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: ResourcesGridList_module_default.chip, onClick: () => setSearchState("open"), children: [
2780
+ /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }),
2781
+ !isMobile && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Search" })
2782
+ ] })
2783
+ ] })
2784
+ ] });
2785
+ }
2786
+ var Sidebar = ({ categories, isMobile, onToggle }) => {
2787
+ if (isMobile) {
2788
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.sidebarMobile, children: /* @__PURE__ */ jsxRuntime.jsx(
2789
+ "button",
2790
+ {
2791
+ type: "button",
2792
+ className: ResourcesGridList_module_default.hamburger,
2793
+ "aria-label": "Open categories",
2794
+ onClick: onToggle,
2795
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "menuBlack", size: 20, "aria-hidden": "true" })
2796
+ }
2797
+ ) });
2798
+ }
2799
+ return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: ResourcesGridList_module_default.sidebar, "aria-label": "Resource categories", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { children: categories.map((cat, i) => {
2800
+ var _a;
2801
+ return /* @__PURE__ */ jsxRuntime.jsxs(
2802
+ "li",
2803
+ {
2804
+ className: clsx23__default.default(ResourcesGridList_module_default.sidebarItem, cat.active && ResourcesGridList_module_default.active),
2805
+ children: [
2806
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: cat.label }),
2807
+ cat.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
2808
+ ]
2809
+ },
2810
+ (_a = cat.label) != null ? _a : i
2811
+ );
2812
+ }) }) });
2813
+ };
2814
+ var ResourceIcon = ({ type }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.iconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: type === "pdf" ? "pdf" : "externalLink", size: 32, "aria-hidden": "true" }) });
2815
+ var ResourceCardItem = ({ item, view }) => {
2816
+ if (view === "grid") {
2817
+ return /* @__PURE__ */ jsxRuntime.jsx("article", { className: ResourcesGridList_module_default.cardGrid, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardBody, children: [
2818
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardIconTitle, children: [
2819
+ /* @__PURE__ */ jsxRuntime.jsx(ResourceIcon, { type: item.type }),
2820
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.cardTitle, children: item.title })
2821
+ ] }),
2822
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardMeta, children: [
2823
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.cardDate, children: item.date }),
2824
+ item.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
2825
+ ] })
2826
+ ] }) });
2827
+ }
2828
+ return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: ResourcesGridList_module_default.cardList, children: [
2829
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardListLeft, children: [
2830
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.cardDate, children: item.date }),
2831
+ item.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
2832
+ ] }),
2833
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.cardListRight, children: [
2834
+ /* @__PURE__ */ jsxRuntime.jsx(ResourceIcon, { type: item.type }),
2835
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.cardTitle, children: item.title })
2836
+ ] })
2837
+ ] });
2838
+ };
2839
+ var Pagination3 = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.pagination, "aria-label": "Pagination", children: [
2840
+ /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ResourcesGridList_module_default.pageArrow, "aria-label": "Previous page", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevronLeftBlack", size: 32, "aria-hidden": "true" }) }),
2841
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.pageDotActive, "aria-current": "page" }),
2842
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.pageDot }),
2843
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.pageDot }),
2844
+ /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: ResourcesGridList_module_default.pageArrow, "aria-label": "Next page", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevronRightBlack", size: 32, "aria-hidden": "true" }) })
2845
+ ] });
2846
+ var ResourcesGridList = ({
2847
+ className,
2848
+ items = [],
2849
+ categories = [],
2850
+ defaultView = "grid",
2851
+ defaultFilter = "all",
2852
+ defaultSort = "latest"
2853
+ }) => {
2854
+ const [view, setView] = React62.useState(defaultView);
2855
+ const [isSidebarOpen, setIsSidebarOpen] = React62.useState(false);
2856
+ const [filterValue, setFilterValue] = React62.useState(defaultFilter);
2857
+ const [sortValue, setSortValue] = React62.useState(defaultSort);
2858
+ const { is } = useViewPort_default();
2859
+ const isMobile = is("tablet", "below");
2860
+ const displayedItems = [...items].filter((item) => filterValue === "all" || item.type === filterValue).sort((a, b) => {
2861
+ if (sortValue === "latest") return new Date(b.date).getTime() - new Date(a.date).getTime();
2862
+ if (sortValue === "oldest") return new Date(a.date).getTime() - new Date(b.date).getTime();
2863
+ if (sortValue === "az") return a.title.localeCompare(b.title);
2864
+ if (sortValue === "za") return b.title.localeCompare(a.title);
2865
+ return 0;
2866
+ });
2867
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx23__default.default(ResourcesGridList_module_default.widget, className), children: [
2868
+ /* @__PURE__ */ jsxRuntime.jsx(
2869
+ FilterBar,
2870
+ {
2871
+ view,
2872
+ onViewChange: setView,
2873
+ isMobile,
2874
+ filterValue,
2875
+ onFilterChange: setFilterValue,
2876
+ sortValue,
2877
+ onSortChange: setSortValue
2878
+ }
2879
+ ),
2880
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ResourcesGridList_module_default.content, children: [
2881
+ isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
2882
+ "div",
2883
+ {
2884
+ className: clsx23__default.default(
2885
+ ResourcesGridList_module_default.mobileSidebarOverlay,
2886
+ isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
2887
+ ),
2888
+ "aria-hidden": !isSidebarOpen,
2889
+ children: [
2890
+ /* @__PURE__ */ jsxRuntime.jsx("nav", { className: ResourcesGridList_module_default.mobileCategoriesPanel, "aria-label": "Resource categories", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: ResourcesGridList_module_default.mobileCategoriesList, children: categories.map((cat, i) => {
2891
+ var _a;
2892
+ return /* @__PURE__ */ jsxRuntime.jsxs(
2893
+ "li",
2894
+ {
2895
+ className: clsx23__default.default(ResourcesGridList_module_default.mobileSidebarItem, cat.active && ResourcesGridList_module_default.active),
2896
+ children: [
2897
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: cat.label }),
2898
+ cat.hasNotification && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
2899
+ ]
2900
+ },
2901
+ (_a = cat.label) != null ? _a : i
2902
+ );
2903
+ }) }) }),
2904
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: ResourcesGridList_module_default.mobileSidebarCloseColumn, children: /* @__PURE__ */ jsxRuntime.jsx(
2905
+ "button",
2906
+ {
2907
+ type: "button",
2908
+ className: ResourcesGridList_module_default.hamburger,
2909
+ "aria-label": "Close categories",
2910
+ onClick: () => setIsSidebarOpen(false),
2911
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "xBlack", size: 20, "aria-hidden": "true" })
2912
+ }
2913
+ ) })
2914
+ ]
2915
+ }
2916
+ ),
2917
+ /* @__PURE__ */ jsxRuntime.jsx(
2918
+ Sidebar,
2919
+ {
2920
+ categories,
2921
+ isMobile,
2922
+ onToggle: () => setIsSidebarOpen(true)
2923
+ }
2924
+ ),
2925
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx23__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: displayedItems.map((item, i) => {
2926
+ var _a;
2927
+ return /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, (_a = item.title) != null ? _a : i);
2928
+ }) })
2929
+ ] }),
2930
+ /* @__PURE__ */ jsxRuntime.jsx(Pagination3, {})
2931
+ ] });
2932
+ };
2185
2933
  function useIntersectionObserver({
2186
2934
  animateOnce = false,
2187
2935
  options = {}
2188
2936
  } = {}) {
2189
- const observeRef = React52.useRef(null);
2190
- const [isVisible, setIsVisible] = React52.useState(false);
2937
+ const observeRef = React62.useRef(null);
2938
+ const [isVisible, setIsVisible] = React62.useState(false);
2191
2939
  if (typeof IntersectionObserver === "undefined") {
2192
2940
  console.warn("IntersectionObserver is not supported in this browser.");
2193
2941
  return { observeRef, isVisible: true };
2194
2942
  }
2195
- React52.useEffect(() => {
2943
+ React62.useEffect(() => {
2196
2944
  const currentRef = observeRef.current;
2197
2945
  if (!currentRef) return;
2198
2946
  const observer = new IntersectionObserver((entries) => {
@@ -2226,12 +2974,15 @@ exports.HeroBanner = HeroBanner2;
2226
2974
  exports.HeroBannerCarousel = HeroBannerCarousel;
2227
2975
  exports.Icon = Icon;
2228
2976
  exports.InfoCard = InfoCard2;
2977
+ exports.InternalBrandsTab = InternalBrandsTab2;
2978
+ exports.LogoBar = LogoBar;
2229
2979
  exports.MiniBanner = MiniBanner2;
2230
2980
  exports.MiniSectionCta = MiniSectionCta2;
2231
2981
  exports.Pagination = Pagination;
2232
2982
  exports.Picture = Picture;
2233
2983
  exports.PracticeCard = PracticeCard;
2234
2984
  exports.PracticePathCards = PracticePathCards2;
2985
+ exports.ResourcesGridList = ResourcesGridList;
2235
2986
  exports.Teaser5050With3Text = Teaser5050With3Text2;
2236
2987
  exports.Teaser5050WithCta = Teaser5050WithCta2;
2237
2988
  exports.TextBody = TextBody2;