@digital-b2c/coreui-kit 0.7.5 → 0.8.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import clsx20 from 'clsx';
+import clsx22 from 'clsx';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React52, { forwardRef, useRef, useState, useCallback, Children, isValidElement, useMemo, useEffect } from 'react';
+import React62, { forwardRef, useRef, useState, useCallback, useMemo, Children, isValidElement, useEffect } from 'react';
 import gsap$1, { gsap } from 'gsap';
 import { useGSAP } from '@gsap/react';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -58,7 +58,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: desktop.src,
         alt: desktop.alt,
-        className: clsx20(className, Picture_module_default["image-desktop"])
+        className: clsx22(className, Picture_module_default["image-desktop"])
       }, rest)
     ),
     /* @__PURE__ */ jsx(
@@ -66,7 +66,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
         alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
-        className: clsx20(className, Picture_module_default["image-mobile"])
+        className: clsx22(className, Picture_module_default["image-mobile"])
       }, rest)
     )
   ] });
@@ -193,6 +193,8 @@ var SvgIconFilledChevronRight = (props) => /* @__PURE__ */ jsx("svg", __spreadPr
 var icon_filled_chevron_right_default = SvgIconFilledChevronRight;
 var SvgIconFilledChevronUp = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
 var icon_filled_chevron_up_default = SvgIconFilledChevronUp;
+var SvgIconFilledChevronUpBlack = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
+var icon_filled_chevron_up_black_default = SvgIconFilledChevronUpBlack;
 var SvgIconLeftWhite = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
   /* @__PURE__ */ jsx("mask", { id: "mask0_2379_35929", style: {
     maskType: "alpha"
@@ -226,7 +228,12 @@ var SvgIconTiltedRightBlack = (props) => /* @__PURE__ */ jsxs("svg", __spreadPro
   /* @__PURE__ */ jsx("g", { mask: "url(#mask0_901_1704)", children: /* @__PURE__ */ 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" }) })
 ] }));
 var icon_tilted_right_black_default = SvgIconTiltedRightBlack;
-var SvgIconTiltedRightWhite = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
+var SvgIconTiltedRightWhite = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ jsx("mask", { id: "mask0_901_1706", style: {
+    maskType: "alpha"
+  }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 24, height: 24, children: /* @__PURE__ */ jsx("rect", { width: 24, height: 24, fill: "#D9D9D9" }) }),
+  /* @__PURE__ */ jsx("g", { mask: "url(#mask0_901_1706)", children: /* @__PURE__ */ 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" }) })
+] }));
 var icon_tilted_right_white_default = SvgIconTiltedRightWhite;
 var SvgIconUpChevronUpWhite = (props) => /* @__PURE__ */ 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__ */ jsx("path", { d: "M6 15L12 9L18 15", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }));
 var icon_up_chevron_up_white_default = SvgIconUpChevronUpWhite;
@@ -272,6 +279,30 @@ var SvgIconXWhite = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__sprea
   /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_942_1878", children: /* @__PURE__ */ jsx("rect", { width: 24, height: 24, fill: "white" }) }) })
 ] }));
 var icon_x_white_default = SvgIconXWhite;
+var SvgIconFilter = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
+var icon_filter_default = SvgIconFilter;
+var SvgIconInternalFilter = (props) => /* @__PURE__ */ 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__ */ jsx("path", { d: "M3 18V16H9V18H3ZM3 13V11H15V13H3ZM3 8V6H21V8H3Z", fill: "#080808" }) }));
+var icon_internal_filter_default = SvgIconInternalFilter;
+var SvgIconSearch = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
+var icon_search_default = SvgIconSearch;
+var SvgIconGrid = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
+var icon_grid_default = SvgIconGrid;
+var SvgIconList = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
+var icon_list_default = SvgIconList;
+var SvgIconChevronLeftBlack = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
+var icon_chevron_left_black_default = SvgIconChevronLeftBlack;
+var SvgIconChevronRightBlack = (props) => /* @__PURE__ */ 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__ */ 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" }) }));
+var icon_chevron_right_black_default = SvgIconChevronRightBlack;
+var SvgIconPdf = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 32, viewBox: "0 0 33 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_7870_13608)", children: /* @__PURE__ */ 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" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_7870_13608", children: /* @__PURE__ */ jsx("rect", { width: 33, height: 31.7308, fill: "white" }) }) })
+] }));
+var icon_pdf_default = SvgIconPdf;
+var SvgIconExternalLink = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: 33, height: 33, viewBox: "0 0 33 33", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ 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" }),
+  /* @__PURE__ */ 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" })
+] }));
+var icon_external_link_default = SvgIconExternalLink;
 var svgs = {
   /* Card */
   ads: icon_ads_default,
@@ -292,6 +323,8 @@ var svgs = {
   tech: icon_tech_default,
   work: icon_work_default,
   workhome: icon_workhome_default,
+  pdf: icon_pdf_default,
+  externalLink: icon_external_link_default,
   /* Button */
   blankCheckbox: icon_blank_checkbox_default,
   blankCheckboxWhite: icon_blank_checkbox_white_default,
@@ -307,6 +340,7 @@ var svgs = {
   filledChevronLeft: icon_filled_chevron_left_default,
   filledChevronRight: icon_filled_chevron_right_default,
   filledChevronUp: icon_filled_chevron_up_default,
+  filledChevronUpBlack: icon_filled_chevron_up_black_default,
   leftWhite: icon_left_white_default,
   mailBlack: icon_mail_black_default,
   rightBlack: icon_right_black_default,
@@ -317,6 +351,13 @@ var svgs = {
   upChevronWhite: icon_up_chevron_white_default,
   watchBlack: icon_watch_black_default,
   watchWhite: icon_watch_white_default,
+  filter: icon_filter_default,
+  internalFilter: icon_internal_filter_default,
+  search: icon_search_default,
+  grid: icon_grid_default,
+  list: icon_list_default,
+  chevronLeftBlack: icon_chevron_left_black_default,
+  chevronRightBlack: icon_chevron_right_black_default,
   /* Dropdown */
   chevronDefault: icon_chevron_default_default,
   chevronHovered: icon_chevron_hovered_default,
@@ -329,7 +370,7 @@ var svgs = {
   xBlack: icon_x_black_default,
   xWhite: icon_x_white_default
 };
-var Icon = React52.memo(
+var Icon = React62.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -355,6 +396,8 @@ var Button_module_default = {
   grey: "Button_module_grey",
   shiny: "Button_module_shiny",
   rotateGradient: "Button_module_rotateGradient",
+  tabbutton: "Button_module_tabbutton",
+  active: "Button_module_active",
   icon: "Button_module_icon",
   logo: "Button_module_logo"
 };
@@ -367,7 +410,8 @@ var Button = (_a) => {
     href,
     isExternal,
     icon,
-    logo
+    logo,
+    isActive
   } = _b, rest = __objRest(_b, [
     "className",
     "children",
@@ -376,14 +420,16 @@ var Button = (_a) => {
     "href",
     "isExternal",
     "icon",
-    "logo"
+    "logo",
+    "isActive"
   ]);
   const isLink = !!href;
   const props = __spreadValues(__spreadValues({
-    className: clsx20(
+    className: clsx22(
       Button_module_default.button,
       variant ? Button_module_default[variant] : null,
       { [Button_module_default.fullWidth]: !!fullWidth },
+      { [Button_module_default.active]: !!isActive },
       className
     )
   }, isLink ? { href, isExternal } : {}), rest);
@@ -611,7 +657,7 @@ var BrandsStrip = ({
     "div",
     {
       ref: containerRef,
-      className: clsx20(
+      className: clsx22(
         BrandsStrip_module_default.brandsStrip,
         BrandsStrip_module_default[variant],
         { [BrandsStrip_module_default.small]: size === "small" },
@@ -620,13 +666,13 @@ var BrandsStrip = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx20(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
-          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx20("body", BrandsStrip_module_default.title), children: title }),
+        /* @__PURE__ */ jsxs("div", { className: clsx22(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
+          title && logos.length === 1 && /* @__PURE__ */ jsx("h2", { className: clsx22("body", BrandsStrip_module_default.title), children: title }),
           logos.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
               ref: marqueeRef,
-              className: clsx20(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
+              className: clsx22(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
               children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
             }
           )
@@ -673,7 +719,7 @@ var Container_module_default = {
 var Container = forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx20(Container_module_default.container, className) }, props), { children }));
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx22(Container_module_default.container, className) }, props), { children }));
   }
 );
 Container.displayName = "Container";
@@ -685,7 +731,10 @@ var Card_module_default = {
   content: "Card_module_content",
   subtitle: "Card_module_subtitle",
   light: "Card_module_light",
-  logo: "Card_module_logo"
+  logoContainer: "Card_module_logoContainer",
+  logo: "Card_module_logo",
+  logoHover: "Card_module_logoHover",
+  hideLogo: "Card_module_hideLogo"
 };
 var Card = ({
   className,
@@ -706,17 +755,21 @@ var Card = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
+  const isLink = !!(href && !label);
   return /* @__PURE__ */ jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx20(Card_module_default.card, Card_module_default[variant], className),
+      className: clsx22(Card_module_default.card, Card_module_default[variant], className),
       wrapper: Anchor,
       fallback: "div",
-      condition: href && !label
+      condition: isLink
     }, href ? { href, isExternal } : {}), {
       children: [
-        (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Card_module_default.logo }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: Card_module_default.logo }),
+        /* @__PURE__ */ jsxs("div", { className: Card_module_default.logoContainer, children: [
+          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsx(Picture, __spreadValues({ className: clsx22(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsx(Icon, { type: icon, className: clsx22(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
+          isLink && /* @__PURE__ */ jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
+        ] }),
         /* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
           titleNode && /* @__PURE__ */ jsx("h3", { className: "h4", children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsx("div", { className: Card_module_default.subtitle, children: subtitleNode })
@@ -749,10 +802,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
     title: CountingCardTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxs("div", { className: clsx20(CountingCard_module_default["counting-card"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx22(CountingCard_module_default["counting-card"], className), children: [
     /* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsx("div", { className: "body", children: titleNode }),
-      count && /* @__PURE__ */ jsx("div", { className: clsx20(CountingCard_module_default.count, "h1"), children: count })
+      count && /* @__PURE__ */ jsx("div", { className: clsx22(CountingCard_module_default.count, "h1"), children: count })
     ] }),
     image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
   ] });
@@ -784,9 +837,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxs("div", { className: clsx20(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx22(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
     /* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
-      icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx20(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx22(InfoCard_module_default.badge, "h4"), children: badge }) : null,
       titleNode && /* @__PURE__ */ jsx("div", { className: "h4", children: titleNode })
     ] }),
     subtitleNode && /* @__PURE__ */ jsx("div", { className: "body", children: subtitleNode })
@@ -848,7 +901,7 @@ var Pagination = ({
     setActivePage(page);
     onPageChange == null ? void 0 : onPageChange(page);
   };
-  return /* @__PURE__ */ jsxs("div", { className: clsx20(Pagination_module_default.pagination, className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx22(Pagination_module_default.pagination, className), children: [
     !disableArrows && /* @__PURE__ */ jsx(
       "button",
       {
@@ -865,7 +918,7 @@ var Pagination = ({
         "button",
         {
           onClick: () => goToPage(page),
-          className: clsx20(Pagination_module_default.page, {
+          className: clsx22(Pagination_module_default.page, {
             [Pagination_module_default.active]: activePage === page,
             [Pagination_module_default.number]: hasNumber
           }),
@@ -901,7 +954,7 @@ var PracticeCard_module_default = {
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
-  return /* @__PURE__ */ jsx("div", { className: clsx20(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: clsx22(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       className: PracticeCard_module_default.wrapper,
@@ -912,7 +965,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
       children: [
         image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
         /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.container, children: [
-          title && /* @__PURE__ */ jsx("div", { className: clsx20(PracticeCard_module_default.title, "h3"), children: title }),
+          title && /* @__PURE__ */ jsx("div", { className: clsx22(PracticeCard_module_default.title, "h3"), children: title }),
           href && /* @__PURE__ */ jsxs("div", { className: PracticeCard_module_default.cta, children: [
             /* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
             /* @__PURE__ */ jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
@@ -1001,13 +1054,13 @@ var CardCollection = ({
     Container,
     {
       ref: container,
-      className: clsx20(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
+      className: clsx22(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
       children: [
         /* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
           titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx20(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
+        /* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxs("div", { className: clsx22(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
           visibleCards.map((card, key) => /* @__PURE__ */ jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
           isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsx(
             Card2,
@@ -1108,7 +1161,7 @@ var ContactModule = ({
     },
     { scope: containerRef, dependencies: [blurred, animateBlur] }
   );
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx20(ContactModule_module_default["contact-module"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: clsx22(ContactModule_module_default["contact-module"], className), children: [
     blurred && /* @__PURE__ */ jsx(
       "div",
       {
@@ -1123,8 +1176,8 @@ var ContactModule = ({
     /* @__PURE__ */ jsxs(Container, { className: ContactModule_module_default.container, children: [
       /* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.wrapper, children: [
         /* @__PURE__ */ jsxs("div", { className: ContactModule_module_default.content, children: [
-          titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(ContactModule_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsx("div", { className: clsx22(ContactModule_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx22(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
         ] }),
         /* @__PURE__ */ jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsx(
           Button,
@@ -1185,7 +1238,7 @@ var Footer = ({
     disclaimer: FooterDisclaimer
   });
   const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
-  return /* @__PURE__ */ jsx("footer", { className: clsx20(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
+  return /* @__PURE__ */ jsx("footer", { className: clsx22(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxs(Container, { className: Footer_module_default.container, children: [
     /* @__PURE__ */ jsxs("div", { className: Footer_module_default.bottom, children: [
       /* @__PURE__ */ jsxs("div", { className: Footer_module_default["bottom-left"], children: [
         supporters.length > 0 && /* @__PURE__ */ jsx("div", { className: Footer_module_default.supporters, children: /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporters-logos"], children: supporters.map(
@@ -1201,7 +1254,7 @@ var Footer = ({
             index
           ) : /* @__PURE__ */ jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsx(Picture, __spreadValues({}, supporter.image)) }, index)
         ) }) }),
-        titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Footer_module_default.disclaimer, "p"), children: titleNode }),
+        titleNode && /* @__PURE__ */ jsx("div", { className: clsx22(Footer_module_default.disclaimer, "p"), children: titleNode }),
         copyright && /* @__PURE__ */ jsx("p", { className: Footer_module_default.copyright, children: copyright })
       ] }),
       columns.length > 0 && /* @__PURE__ */ jsx("nav", { className: Footer_module_default["bottom-right"], children: columns.map((column, colIndex) => /* @__PURE__ */ jsx("ul", { className: Footer_module_default["nav-list"], children: column.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -1270,12 +1323,12 @@ var HeroBanner = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxs("div", { className: clsx20(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx22(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
     /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.container, children: [
       /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.banner, children: [
         (titleNode || subtitleNode) && /* @__PURE__ */ jsxs("div", { className: HeroBanner_module_default.text, children: [
-          titleNode && /* @__PURE__ */ jsx("h1", { className: clsx20(HeroBanner_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsx("h1", { className: clsx22(HeroBanner_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsx("div", { className: clsx22(HeroBanner_module_default.subtitle, "subtitle"), children: subtitleNode })
         ] }),
         cta && cta.length > 0 && !vBannerPodcast && /* @__PURE__ */ jsx("div", { className: HeroBanner_module_default.ctaContainer, children: cta.slice(0, 2).map((cta2, key) => {
           return /* @__PURE__ */ jsx(
@@ -1353,7 +1406,7 @@ var HeroBannerCarousel = ({
   const [swiperInstance, setSwiperInstance] = useState(null);
   const [activeIndex, setActiveIndex] = useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsx("div", { className: clsx20(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx22(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
     /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsx(
       Swiper,
       {
@@ -1400,7 +1453,7 @@ var HeroBannerCarousel = ({
       /* @__PURE__ */ jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsx(
         "button",
         {
-          className: clsx20(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
+          className: clsx22(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
           onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
           "aria-label": `Go to slide ${index + 1}`
         },
@@ -1419,6 +1472,296 @@ var HeroBannerCarousel = ({
     ] })
   ] }) });
 };
+var Text = (_a) => {
+  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
+  const Component = promoteToH1 ? "h1" : tag;
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
+};
+Text.displayName = "Text";
+
+// src/components/Accordion/Accordion.module.scss
+var Accordion_module_default = {
+  accordionTitle: "Accordion_module_accordionTitle",
+  accordion: "Accordion_module_accordion",
+  accordionItem: "Accordion_module_accordionItem",
+  accordionItemOpen: "Accordion_module_accordionItemOpen",
+  accordionHeader: "Accordion_module_accordionHeader",
+  accordionHeaderLeft: "Accordion_module_accordionHeaderLeft",
+  accordionChevron: "Accordion_module_accordionChevron",
+  accordionContent: "Accordion_module_accordionContent",
+  accordionContentInner: "Accordion_module_accordionContentInner"
+};
+var AccordionItem = ({
+  id,
+  title,
+  children,
+  isOpen = false,
+  onToggle,
+  className
+}) => {
+  const contentRef = useRef(null);
+  const contentInnerRef = useRef(null);
+  const timelineRef = useRef(null);
+  const [contentHeight, setContentHeight] = useState(0);
+  useEffect(() => {
+    if (contentInnerRef.current) {
+      setContentHeight(contentInnerRef.current.scrollHeight);
+    }
+  }, [children]);
+  useEffect(() => {
+    if (contentRef.current && contentHeight > 0) {
+      if (timelineRef.current) {
+        timelineRef.current.kill();
+      }
+      const tl = gsap$1.timeline({
+        defaults: { duration: 0.25, ease: "power2.inOut" }
+      });
+      if (isOpen) {
+        tl.to(contentRef.current, {
+          height: contentHeight,
+          duration: 0.25,
+          ease: "power2.inOut",
+          clearProps: "height"
+        });
+      } else {
+        tl.to(contentRef.current, {
+          height: 0,
+          duration: 0.25,
+          ease: "power2.inOut"
+        });
+      }
+      timelineRef.current = tl;
+    }
+  }, [isOpen, contentHeight]);
+  const handleToggle = () => {
+    onToggle == null ? void 0 : onToggle(id);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx22(
+        Accordion_module_default.accordionItem,
+        {
+          [Accordion_module_default.accordionItemOpen]: isOpen
+        },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: clsx22(Accordion_module_default.accordionHeader, {
+              [Accordion_module_default.accordionHeaderOpen]: isOpen
+            }),
+            onClick: handleToggle,
+            "aria-expanded": isOpen,
+            "aria-label": `Toggle ${title}`,
+            children: [
+              /* @__PURE__ */ jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsx("span", { className: clsx22("body", Accordion_module_default.accordionTitle), children: title }) }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: clsx22(Accordion_module_default.accordionChevron, {
+                    [Accordion_module_default.accordionChevronOpen]: isOpen
+                  }),
+                  children: isOpen ? /* @__PURE__ */ jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsx(Icon, { type: "circleChevronDown", size: 40 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: contentRef,
+            className: Accordion_module_default.accordionContent,
+            style: {
+              overflow: "hidden",
+              height: 0
+            },
+            children: /* @__PURE__ */ jsx("div", { ref: contentInnerRef, className: Accordion_module_default.accordionContentInner, children })
+          }
+        )
+      ]
+    }
+  );
+};
+var Accordion = ({
+  className,
+  items = [],
+  defaultOpenIds = [],
+  allowMultiple = false,
+  onItemToggle
+}) => {
+  const [openIds, setOpenIds] = useState(defaultOpenIds);
+  const handleToggle = (id) => {
+    setOpenIds((prev) => {
+      let newOpenIds;
+      if (prev.includes(id)) {
+        newOpenIds = prev.filter((itemId) => itemId !== id);
+      } else {
+        if (allowMultiple) {
+          newOpenIds = [...prev, id];
+        } else {
+          newOpenIds = [id];
+        }
+      }
+      onItemToggle == null ? void 0 : onItemToggle(id, !prev.includes(id));
+      return newOpenIds;
+    });
+  };
+  if (items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: clsx22(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsx(
+    AccordionItem,
+    {
+      id: item.id,
+      title: item.title,
+      isOpen: openIds.includes(item.id),
+      onToggle: handleToggle,
+      children: item.content
+    },
+    item.id
+  )) });
+};
+
+// src/widgets/InternalBrandsTab/InternalBrandsTab.module.scss
+var InternalBrandsTab_module_default = {
+  internalBrandsTab: "InternalBrandsTab_module_internalBrandsTab",
+  textsContainer: "InternalBrandsTab_module_textsContainer",
+  subTitle: "InternalBrandsTab_module_subTitle",
+  contentArea: "InternalBrandsTab_module_contentArea",
+  topContent: "InternalBrandsTab_module_topContent",
+  topContentTitle: "InternalBrandsTab_module_topContentTitle",
+  topContentLongText: "InternalBrandsTab_module_topContentLongText",
+  accordionTopContent: "InternalBrandsTab_module_accordionTopContent",
+  bottomContent: "InternalBrandsTab_module_bottomContent",
+  bottomContentLeftSide: "InternalBrandsTab_module_bottomContentLeftSide",
+  bottomContentTitle: "InternalBrandsTab_module_bottomContentTitle",
+  bottomContentRightSide: "InternalBrandsTab_module_bottomContentRightSide",
+  bottomContentQuote: "InternalBrandsTab_module_bottomContentQuote",
+  accordionBottomContent: "InternalBrandsTab_module_accordionBottomContent",
+  bottomContentTextList: "InternalBrandsTab_module_bottomContentTextList",
+  title: "InternalBrandsTab_module_title",
+  tabWrapper: "InternalBrandsTab_module_tabWrapper",
+  tabButtonsRow: "InternalBrandsTab_module_tabButtonsRow",
+  topContentCta: "InternalBrandsTab_module_topContentCta",
+  topContentRightSide: "InternalBrandsTab_module_topContentRightSide",
+  bottomContentIcon: "InternalBrandsTab_module_bottomContentIcon",
+  topContentCtaContainer: "InternalBrandsTab_module_topContentCtaContainer"
+};
+var InternalBrandsTab = (props) => {
+  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;
+  const { title, subTitle, className, tabs } = props;
+  const [activeIndex, setActiveIndex] = useState(0);
+  const { is } = useViewPort_default();
+  const isTabletBelow = is("tablet", "below");
+  const accordionItems = useMemo(() => {
+    return (tabs == null ? void 0 : tabs.map((tab, index) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
+      return {
+        id: index,
+        title: tab.tabTitle || "",
+        content: /* @__PURE__ */ jsxs(Fragment, { children: [
+          tab.topContent && /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.accordionTopContent, children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              ((_a2 = tab.topContent) == null ? void 0 : _a2.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: tab.topContent.title }),
+              ((_b2 = tab.topContent) == null ? void 0 : _b2.longText) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentLongText, children: tab.topContent.longText }),
+              ((_c2 = tab.topContent) == null ? void 0 : _c2.cta) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentCtaContainer, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  className: InternalBrandsTab_module_default.topContentCta,
+                  variant: "primary",
+                  href: (_d2 = tab.topContent.cta) == null ? void 0 : _d2.url,
+                  isExternal: (_e2 = tab.topContent.cta) == null ? void 0 : _e2.isExternal,
+                  logo: (_f2 = tab.topContent.cta) == null ? void 0 : _f2.logo,
+                  children: (_g2 = tab.topContent.cta) == null ? void 0 : _g2.label
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { children: ((_h2 = tab.topContent) == null ? void 0 : _h2.rightSideText) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentRightSide, children: tab.topContent.rightSideText }) })
+          ] }),
+          tab.bottomContent && /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.accordionBottomContent, children: [
+            /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContentLeftSide, children: [
+              ((_i2 = tab.bottomContent) == null ? void 0 : _i2.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.bottomContentTitle, children: tab.bottomContent.title }),
+              ((_j2 = tab.bottomContent) == null ? void 0 : _j2.textList) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.bottomContentTextList, children: tab.bottomContent.textList })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContentRightSide, children: [
+              ((_k2 = tab.bottomContent) == null ? void 0 : _k2.icon) && /* @__PURE__ */ jsx(
+                Picture,
+                {
+                  src: (_l2 = tab.bottomContent.icon) == null ? void 0 : _l2.src,
+                  alt: (_m2 = tab.bottomContent.icon) == null ? void 0 : _m2.alt,
+                  className: InternalBrandsTab_module_default.bottomContentIcon
+                }
+              ),
+              ((_n2 = tab.bottomContent) == null ? void 0 : _n2.quote) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.bottomContentQuote, children: tab.bottomContent.quote })
+            ] })
+          ] })
+        ] })
+      };
+    })) || [];
+  }, [tabs]);
+  return /* @__PURE__ */ jsxs(Container, { className: clsx22(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
+    /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
+      title && /* @__PURE__ */ jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
+      subTitle && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
+    ] }),
+    isTabletBelow ? /* @__PURE__ */ jsx(Accordion, { items: accordionItems, allowMultiple: true, defaultOpenIds: [] }) : /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.tabWrapper, children: [
+      /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.tabButtonsRow, children: tabs == null ? void 0 : tabs.map(({ tabTitle }, index) => /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "tabbutton",
+          onClick: () => setActiveIndex(index),
+          isActive: activeIndex === index,
+          children: tabTitle
+        },
+        index
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: clsx22(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            ((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
+            ((_d = tabs[activeIndex].topContent) == null ? void 0 : _d.longText) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentLongText, children: (_e = tabs[activeIndex].topContent) == null ? void 0 : _e.longText }),
+            ((_f = tabs[activeIndex].topContent) == null ? void 0 : _f.cta) && /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: InternalBrandsTab_module_default.topContentCta,
+                variant: "primary",
+                href: (_h = (_g = tabs[activeIndex].topContent) == null ? void 0 : _g.cta) == null ? void 0 : _h.url,
+                isExternal: (_j = (_i = tabs[activeIndex].topContent) == null ? void 0 : _i.cta) == null ? void 0 : _j.isExternal,
+                logo: (_l = (_k = tabs[activeIndex].topContent) == null ? void 0 : _k.cta) == null ? void 0 : _l.logo,
+                children: (_n = (_m = tabs[activeIndex].topContent) == null ? void 0 : _m.cta) == null ? void 0 : _n.label
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { children: ((_o = tabs[activeIndex].topContent) == null ? void 0 : _o.rightSideText) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.topContentRightSide, children: (_p = tabs[activeIndex].topContent) == null ? void 0 : _p.rightSideText }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContent, children: [
+          /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContentLeftSide, children: [
+            ((_q = tabs[activeIndex].bottomContent) == null ? void 0 : _q.title) && /* @__PURE__ */ jsx("p", { className: InternalBrandsTab_module_default.bottomContentTitle, children: (_r = tabs[activeIndex].bottomContent) == null ? void 0 : _r.title }),
+            ((_s = tabs[activeIndex].bottomContent) == null ? void 0 : _s.textList) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.bottomContentTextList, children: (_t = tabs[activeIndex].bottomContent) == null ? void 0 : _t.textList })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: InternalBrandsTab_module_default.bottomContentRightSide, children: [
+            ((_u = tabs[activeIndex].bottomContent) == null ? void 0 : _u.icon) && /* @__PURE__ */ jsx(
+              Picture,
+              {
+                src: (_w = (_v = tabs[activeIndex].bottomContent) == null ? void 0 : _v.icon) == null ? void 0 : _w.src,
+                alt: (_y = (_x = tabs[activeIndex].bottomContent) == null ? void 0 : _x.icon) == null ? void 0 : _y.alt,
+                className: InternalBrandsTab_module_default.bottomContentIcon
+              }
+            ),
+            ((_z = tabs[activeIndex].bottomContent) == null ? void 0 : _z.quote) && /* @__PURE__ */ jsx("div", { className: InternalBrandsTab_module_default.bottomContentQuote, children: (_A = tabs[activeIndex].bottomContent) == null ? void 0 : _A.quote })
+          ] })
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+
+// src/widgets/InternalBrandsTab/index.tsx
+var InternalBrandsTab2 = Object.assign(InternalBrandsTab, {});
 var MiniBannerTitle = ({ children }) => {
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
@@ -1467,17 +1810,17 @@ var MiniBanner = ({
   const pretitleNode = (_a = slots.pretitle) != null ? _a : pretitle;
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
-  return /* @__PURE__ */ jsxs("div", { className: clsx20(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx22(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((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__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
     /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
       /* @__PURE__ */ jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
-        pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx20(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
-        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
+        pretitleNode && /* @__PURE__ */ jsx("div", { className: clsx22(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        /* @__PURE__ */ jsx("div", { className: MiniBanner_module_default.headingWrapper, children: titleNode && /* @__PURE__ */ jsx("div", { className: clsx22(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode }) }),
         subtitleNode && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx20(MiniBanner_module_default.title, {
+            className: clsx22(MiniBanner_module_default.title, {
               subheading: isMiniBannerNoBG || isMiniBannerTextLeft,
               h1: !isMiniBannerNoBG && !isMiniBannerTextLeft
             }),
@@ -1548,14 +1891,14 @@ var MiniSectionCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx20(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      className: clsx22(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
       children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
         /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
           titleNode && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsx(
             "div",
             {
-              className: clsx20(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              className: clsx22(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
               children: subtitleNode
             }
           )
@@ -1620,7 +1963,7 @@ var PracticePathCards = ({
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
   const footerNode = (_c = slots.footer) != null ? _c : footer;
-  return /* @__PURE__ */ jsx("div", { className: clsx20(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx22(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxs(Container, { className: PracticePathCards_module_default.container, children: [
     /* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
       /* @__PURE__ */ jsxs("div", { className: PracticePathCards_module_default.content, children: [
         titleNode && /* @__PURE__ */ jsx("h2", { children: titleNode }),
@@ -1674,8 +2017,8 @@ var Teaser5050With3Text = ({
     title: Teaser5050With3TextTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsx("div", { className: clsx20(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
-    titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
+  return /* @__PURE__ */ jsx("div", { className: clsx22(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
+    titleNode && /* @__PURE__ */ jsx("div", { className: clsx22(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
     /* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
       /* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard2, __spreadValues({}, card), key)) }),
       image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
@@ -1725,12 +2068,12 @@ var Teaser5050WithCta = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx20(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      className: clsx22(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
       style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
       children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
         /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
           /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
-            titleNode && /* @__PURE__ */ jsx("div", { className: clsx20(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
+            titleNode && /* @__PURE__ */ jsx("div", { className: clsx22(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
             subtitleNode && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitleNode })
           ] }),
           (ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsx(
@@ -1794,7 +2137,7 @@ var UpcomingEventCard = ({
   return /* @__PURE__ */ jsxs(
     "article",
     {
-      className: clsx20(
+      className: clsx22(
         "card",
         UpcomingEventCard_module_default["event-card"],
         UpcomingEventCard_module_default[direction],
@@ -1802,26 +2145,26 @@ var UpcomingEventCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: clsx20("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
-          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx20("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
+        /* @__PURE__ */ jsxs("div", { className: clsx22("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
+          showImage && image && /* @__PURE__ */ jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx22("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: clsx20(
+              className: clsx22(
                 "card-text-content",
                 UpcomingEventCard_module_default["event-card-text-content"],
                 (!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
               ),
               children: [
                 /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
-                title && /* @__PURE__ */ jsx("h3", { className: clsx20("card-text-title"), children: title }),
+                title && /* @__PURE__ */ jsx("h3", { className: clsx22("card-text-title"), children: title }),
                 location && /* @__PURE__ */ jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
-                description && /* @__PURE__ */ jsx("div", { className: clsx20("card-text-description", UpcomingEventCard_module_default.description), children: description }),
+                description && /* @__PURE__ */ jsx("div", { className: clsx22("card-text-description", UpcomingEventCard_module_default.description), children: description }),
                 cta && cta.url && /* @__PURE__ */ jsx(
                   Button,
                   {
                     variant: "secondary",
-                    className: clsx20(
+                    className: clsx22(
                       "card-cta",
                       UpcomingEventCard_module_default["event-card-cta"],
                       !hasCTAandImage && UpcomingEventCard_module_default.hidden
@@ -1840,12 +2183,12 @@ var UpcomingEventCard = ({
         cta && cta.url && /* @__PURE__ */ jsx(
           "div",
           {
-            className: clsx20("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
+            className: clsx22("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
             children: /* @__PURE__ */ jsx(
               Button,
               {
                 variant: "secondary",
-                className: clsx20("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
+                className: clsx22("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
                 fullWidth: isBelowMobile,
                 href: cta.url,
                 icon: cta.icon,
@@ -1882,7 +2225,7 @@ var Carousel = (_a) => {
       },
       role: "region",
       "aria-label": ariaLabel,
-      className: clsx20(Carousel_module_default.carousel, className),
+      className: clsx22(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
       modules: [FreeMode, A11y],
@@ -1892,7 +2235,7 @@ var Carousel = (_a) => {
       children: slides.map((slide, index) => /* @__PURE__ */ jsx(
         SwiperSlide,
         {
-          className: clsx20(Carousel_module_default["carousel-item"], props.slideClass),
+          className: clsx22(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
         index
@@ -1942,13 +2285,13 @@ var EventList = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx20("event-list-module", EventList_module_default["event-list-module"], className),
+      className: clsx22("event-list-module", EventList_module_default["event-list-module"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxs(Container, { className: clsx20(EventList_module_default["event-list-container"]), children: [
+      children: /* @__PURE__ */ jsxs(Container, { className: clsx22(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
-          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx20(EventList_module_default["event-list-title"]), children: titleNode }),
+          titleNode && /* @__PURE__ */ jsx("h2", { className: clsx22(EventList_module_default["event-list-title"]), children: titleNode }),
           cta && cta.url && /* @__PURE__ */ jsx(
             Button,
             {
@@ -1965,7 +2308,7 @@ var EventList = ({
           Carousel,
           {
             "aria-label": "Upcoming events",
-            wrapperClass: clsx20(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+            wrapperClass: clsx22(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
             slideClass: EventList_module_default["carousel-list-item"],
             spaceBetween: 16,
             slides: items.map((item) => {
@@ -1973,7 +2316,7 @@ var EventList = ({
               return /* @__PURE__ */ jsx(
                 UpcomingEventCard,
                 __spreadValues({
-                  className: clsx20(EventList_module_default["event-card"]),
+                  className: clsx22(EventList_module_default["event-card"]),
                   direction: "vertical",
                   showImage: false
                 }, item),
@@ -1986,17 +2329,17 @@ var EventList = ({
           "ul",
           {
             "aria-label": "Upcoming events",
-            className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
+            className: clsx22(EventList_module_default["event-list-wrapper"], EventList_module_default["horizontal"], EventList_module_default[variant]),
             children: items == null ? void 0 : items.map((item, index) => {
               var _a2, _b, _c;
               return /* @__PURE__ */ jsx(
                 "li",
                 {
-                  className: clsx20(EventList_module_default["card-list-item"]),
+                  className: clsx22(EventList_module_default["card-list-item"]),
                   children: /* @__PURE__ */ jsx(
                     UpcomingEventCard,
                     __spreadProps(__spreadValues({}, item), {
-                      className: clsx20(EventList_module_default["card-item"]),
+                      className: clsx22(EventList_module_default["card-item"]),
                       showImage: false,
                       direction: "vertical"
                     })
@@ -2011,7 +2354,7 @@ var EventList = ({
           "ul",
           {
             "aria-label": "Upcoming events",
-            className: clsx20(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+            className: clsx22(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
             children: items == null ? void 0 : items.map((item, index) => {
               var _a2, _b, _c;
               return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
@@ -2027,12 +2370,6 @@ var EventList = ({
 var EventList2 = Object.assign(EventList, {
   Title: EventListTitle
 });
-var Text = (_a) => {
-  var _b = _a, { tag = "p", promoteToH1 = false, ref, children } = _b, props = __objRest(_b, ["tag", "promoteToH1", "ref", "children"]);
-  const Component = promoteToH1 ? "h1" : tag;
-  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ ref }, props), { children }));
-};
-Text.displayName = "Text";
 
 // src/widgets/TextEvent/TextEvent.module.scss
 var TextEvent_module_default = {
@@ -2064,9 +2401,9 @@ var TextEvent = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const richTextNode = (_b = slots.richText) != null ? _b : richText;
-  return /* @__PURE__ */ jsxs(Container, { className: clsx20(TextEvent_module_default.textEvent, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx22(TextEvent_module_default.textEvent, className), children: [
     /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
-    /* @__PURE__ */ jsx("div", { className: clsx20(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+    /* @__PURE__ */ jsx("div", { className: clsx22(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
   ] });
 };
 
@@ -2097,7 +2434,7 @@ var TextBody = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsxs(Container, { className: clsx20(TextBody_module_default.textBody, className), children: [
+  return /* @__PURE__ */ jsxs(Container, { className: clsx22(TextBody_module_default.textBody, className), children: [
     titleNode && /* @__PURE__ */ jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
     /* @__PURE__ */ jsx("div", { className: TextBody_module_default.body, children: bodyNode })
   ] });
@@ -2140,7 +2477,7 @@ var TextCenterCtaInBottom = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsx("div", { className: clsx20(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
+  return /* @__PURE__ */ jsx("div", { className: clsx22(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
     /* @__PURE__ */ jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
       subtitleNode && /* @__PURE__ */ jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
@@ -2148,7 +2485,7 @@ var TextCenterCtaInBottom = ({
     !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsx(
       "div",
       {
-        className: clsx20(
+        className: clsx22(
           TextCenterCtaInBottom_module_default.ctaWrapper,
           ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
         ),
@@ -2174,6 +2511,381 @@ var TextCenterCtaInBottom2 = Object.assign(TextCenterCtaInBottom, {
   Title: TextCenterCtaInBottomTitle,
   Subtitle: TextCenterCtaInBottomSubtitle
 });
+
+// src/widgets/ResourcesGridList/ResourcesGridList.module.scss
+var ResourcesGridList_module_default = {
+  widget: "ResourcesGridList_module_widget",
+  filterBar: "ResourcesGridList_module_filterBar",
+  viewToggle: "ResourcesGridList_module_viewToggle",
+  filterActions: "ResourcesGridList_module_filterActions",
+  chip: "ResourcesGridList_module_chip",
+  active: "ResourcesGridList_module_active",
+  chipLabel: "ResourcesGridList_module_chipLabel",
+  dropdownWrapper: "ResourcesGridList_module_dropdownWrapper",
+  searchExpanded: "ResourcesGridList_module_searchExpanded",
+  searchExpand: "ResourcesGridList_module_searchExpand",
+  searchCollapsing: "ResourcesGridList_module_searchCollapsing",
+  searchCollapse: "ResourcesGridList_module_searchCollapse",
+  searchIconInner: "ResourcesGridList_module_searchIconInner",
+  searchInput: "ResourcesGridList_module_searchInput",
+  dropdownPanel: "ResourcesGridList_module_dropdownPanel",
+  dropdownOption: "ResourcesGridList_module_dropdownOption",
+  selected: "ResourcesGridList_module_selected",
+  content: "ResourcesGridList_module_content",
+  mobileSidebarOverlay: "ResourcesGridList_module_mobileSidebarOverlay",
+  mobileSidebarOverlayOpen: "ResourcesGridList_module_mobileSidebarOverlayOpen",
+  mobileCategoriesPanel: "ResourcesGridList_module_mobileCategoriesPanel",
+  mobileCategoriesList: "ResourcesGridList_module_mobileCategoriesList",
+  mobileSidebarItem: "ResourcesGridList_module_mobileSidebarItem",
+  mobileSidebarCloseColumn: "ResourcesGridList_module_mobileSidebarCloseColumn",
+  sidebar: "ResourcesGridList_module_sidebar",
+  sidebarItem: "ResourcesGridList_module_sidebarItem",
+  sidebarMobile: "ResourcesGridList_module_sidebarMobile",
+  hamburger: "ResourcesGridList_module_hamburger",
+  cardsArea: "ResourcesGridList_module_cardsArea",
+  grid: "ResourcesGridList_module_grid",
+  list: "ResourcesGridList_module_list",
+  cardGrid: "ResourcesGridList_module_cardGrid",
+  cardBody: "ResourcesGridList_module_cardBody",
+  cardIconTitle: "ResourcesGridList_module_cardIconTitle",
+  cardTitle: "ResourcesGridList_module_cardTitle",
+  cardMeta: "ResourcesGridList_module_cardMeta",
+  cardDate: "ResourcesGridList_module_cardDate",
+  cardList: "ResourcesGridList_module_cardList",
+  cardListLeft: "ResourcesGridList_module_cardListLeft",
+  cardListRight: "ResourcesGridList_module_cardListRight",
+  notificationDot: "ResourcesGridList_module_notificationDot",
+  iconWrapper: "ResourcesGridList_module_iconWrapper",
+  pagination: "ResourcesGridList_module_pagination",
+  pageArrow: "ResourcesGridList_module_pageArrow",
+  pageDotActive: "ResourcesGridList_module_pageDotActive",
+  pageDot: "ResourcesGridList_module_pageDot"
+};
+var FILTER_OPTIONS = [
+  { value: "link", label: "Link", icon: "externalLink" },
+  { value: "pdf", label: "PDF", icon: "pdf" }
+];
+var SORT_OPTIONS = [
+  { value: "latest", label: "Latest" },
+  { value: "oldest", label: "Oldest" },
+  { value: "az", label: "A \u2192 Z" },
+  { value: "za", label: "Z \u2192 A" }
+];
+function FilterBar({
+  view,
+  onViewChange,
+  isMobile,
+  filterValue,
+  onFilterChange,
+  sortValue,
+  onSortChange
+}) {
+  const [openDropdown, setOpenDropdown] = useState(null);
+  const [searchState, setSearchState] = useState("closed");
+  const [searchQuery, setSearchQuery] = useState("");
+  const filterRef = useRef(null);
+  const sortRef = useRef(null);
+  const searchInputRef = useRef(null);
+  const closeSearch = () => {
+    setSearchState("closing");
+    setSearchQuery("");
+  };
+  useEffect(() => {
+    const handleMouseDown = (e) => {
+      var _a, _b;
+      const target = e.target;
+      if (((_a = filterRef.current) == null ? void 0 : _a.contains(target)) || ((_b = sortRef.current) == null ? void 0 : _b.contains(target))) return;
+      setOpenDropdown(null);
+    };
+    document.addEventListener("mousedown", handleMouseDown);
+    return () => document.removeEventListener("mousedown", handleMouseDown);
+  }, []);
+  useEffect(() => {
+    var _a;
+    if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
+  }, [searchState]);
+  return /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.filterBar, children: [
+    /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.viewToggle, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: clsx22(ResourcesGridList_module_default.chip, view === "grid" && ResourcesGridList_module_default.active),
+          onClick: () => onViewChange("grid"),
+          "aria-pressed": view === "grid",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { type: "grid", size: 20, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Grid" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: clsx22(ResourcesGridList_module_default.chip, view === "list" && ResourcesGridList_module_default.active),
+          onClick: () => onViewChange("list"),
+          "aria-pressed": view === "list",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { type: "list", size: 20, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "List" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.filterActions, children: [
+      /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.dropdownWrapper, ref: filterRef, children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: clsx22(ResourcesGridList_module_default.chip, filterValue !== "all" && ResourcesGridList_module_default.active),
+            onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
+            "aria-expanded": openDropdown === "filter",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { type: "filter", size: 20, "aria-hidden": "true" }),
+              !isMobile && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Filter" })
+            ]
+          }
+        ),
+        openDropdown === "filter" && /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.dropdownPanel, role: "listbox", "aria-label": "Filter by type", children: FILTER_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": filterValue === opt.value,
+            className: clsx22(
+              ResourcesGridList_module_default.dropdownOption,
+              filterValue === opt.value && ResourcesGridList_module_default.selected
+            ),
+            onClick: () => {
+              onFilterChange(filterValue === opt.value ? "all" : opt.value);
+              setOpenDropdown(null);
+            },
+            children: [
+              /* @__PURE__ */ jsx(Icon, { type: opt.icon, size: 20, "aria-hidden": "true" }),
+              opt.label
+            ]
+          },
+          opt.value
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.dropdownWrapper, ref: sortRef, children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: ResourcesGridList_module_default.chip,
+            onClick: () => setOpenDropdown(openDropdown === "sort" ? null : "sort"),
+            "aria-expanded": openDropdown === "sort",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { type: "internalFilter", size: 20, "aria-hidden": "true" }),
+              !isMobile && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Sort" })
+            ]
+          }
+        ),
+        openDropdown === "sort" && /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.dropdownPanel, role: "listbox", "aria-label": "Sort by", children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": sortValue === opt.value,
+            className: clsx22(
+              ResourcesGridList_module_default.dropdownOption,
+              sortValue === opt.value && ResourcesGridList_module_default.selected
+            ),
+            onClick: () => {
+              onSortChange(opt.value);
+              setOpenDropdown(null);
+            },
+            children: opt.label
+          },
+          opt.value
+        )) })
+      ] }),
+      searchState !== "closed" ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx22(
+            ResourcesGridList_module_default.searchExpanded,
+            searchState === "closing" && ResourcesGridList_module_default.searchCollapsing
+          ),
+          onAnimationEnd: () => {
+            if (searchState === "closing") setSearchState("closed");
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.searchIconInner, children: /* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }) }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: searchInputRef,
+                type: "text",
+                className: ResourcesGridList_module_default.searchInput,
+                placeholder: "Search\u2026",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Escape") closeSearch();
+                },
+                onBlur: closeSearch
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs("button", { type: "button", className: ResourcesGridList_module_default.chip, onClick: () => setSearchState("open"), children: [
+        /* @__PURE__ */ jsx(Icon, { type: "search", size: 20, "aria-hidden": "true" }),
+        !isMobile && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.chipLabel, children: "Search" })
+      ] })
+    ] })
+  ] });
+}
+var Sidebar = ({ categories, isMobile, onToggle }) => {
+  if (isMobile) {
+    return /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.sidebarMobile, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: ResourcesGridList_module_default.hamburger,
+        "aria-label": "Open categories",
+        onClick: onToggle,
+        children: /* @__PURE__ */ jsx(Icon, { type: "menuBlack", size: 20, "aria-hidden": "true" })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("nav", { className: ResourcesGridList_module_default.sidebar, "aria-label": "Resource categories", children: /* @__PURE__ */ jsx("ul", { children: categories.map((cat, i) => {
+    var _a;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: clsx22(ResourcesGridList_module_default.sidebarItem, cat.active && ResourcesGridList_module_default.active),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: cat.label }),
+          cat.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
+        ]
+      },
+      (_a = cat.label) != null ? _a : i
+    );
+  }) }) });
+};
+var ResourceIcon = ({ type }) => /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.iconWrapper, children: /* @__PURE__ */ jsx(Icon, { type: type === "pdf" ? "pdf" : "externalLink", size: 32, "aria-hidden": "true" }) });
+var ResourceCardItem = ({ item, view }) => {
+  if (view === "grid") {
+    return /* @__PURE__ */ jsx("article", { className: ResourcesGridList_module_default.cardGrid, children: /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardBody, children: [
+      /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardIconTitle, children: [
+        /* @__PURE__ */ jsx(ResourceIcon, { type: item.type }),
+        /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.cardTitle, children: item.title })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardMeta, children: [
+        /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.cardDate, children: item.date }),
+        item.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("article", { className: ResourcesGridList_module_default.cardList, children: [
+    /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardListLeft, children: [
+      /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.cardDate, children: item.date }),
+      item.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.cardListRight, children: [
+      /* @__PURE__ */ jsx(ResourceIcon, { type: item.type }),
+      /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.cardTitle, children: item.title })
+    ] })
+  ] });
+};
+var Pagination3 = () => /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.pagination, "aria-label": "Pagination", children: [
+  /* @__PURE__ */ jsx("button", { type: "button", className: ResourcesGridList_module_default.pageArrow, "aria-label": "Previous page", children: /* @__PURE__ */ jsx(Icon, { type: "chevronLeftBlack", size: 32, "aria-hidden": "true" }) }),
+  /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.pageDotActive, "aria-current": "page" }),
+  /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.pageDot }),
+  /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.pageDot }),
+  /* @__PURE__ */ jsx("button", { type: "button", className: ResourcesGridList_module_default.pageArrow, "aria-label": "Next page", children: /* @__PURE__ */ jsx(Icon, { type: "chevronRightBlack", size: 32, "aria-hidden": "true" }) })
+] });
+var ResourcesGridList = ({
+  className,
+  items = [],
+  categories = [],
+  defaultView = "grid",
+  defaultFilter = "all",
+  defaultSort = "latest"
+}) => {
+  const [view, setView] = useState(defaultView);
+  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
+  const [filterValue, setFilterValue] = useState(defaultFilter);
+  const [sortValue, setSortValue] = useState(defaultSort);
+  const { is } = useViewPort_default();
+  const isMobile = is("tablet", "below");
+  const displayedItems = [...items].filter((item) => filterValue === "all" || item.type === filterValue).sort((a, b) => {
+    if (sortValue === "latest") return new Date(b.date).getTime() - new Date(a.date).getTime();
+    if (sortValue === "oldest") return new Date(a.date).getTime() - new Date(b.date).getTime();
+    if (sortValue === "az") return a.title.localeCompare(b.title);
+    if (sortValue === "za") return b.title.localeCompare(a.title);
+    return 0;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: clsx22(ResourcesGridList_module_default.widget, className), children: [
+    /* @__PURE__ */ jsx(
+      FilterBar,
+      {
+        view,
+        onViewChange: setView,
+        isMobile,
+        filterValue,
+        onFilterChange: setFilterValue,
+        sortValue,
+        onSortChange: setSortValue
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: ResourcesGridList_module_default.content, children: [
+      isMobile && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx22(
+            ResourcesGridList_module_default.mobileSidebarOverlay,
+            isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
+          ),
+          "aria-hidden": !isSidebarOpen,
+          children: [
+            /* @__PURE__ */ jsx("nav", { className: ResourcesGridList_module_default.mobileCategoriesPanel, "aria-label": "Resource categories", children: /* @__PURE__ */ jsx("ul", { className: ResourcesGridList_module_default.mobileCategoriesList, children: categories.map((cat, i) => {
+              var _a;
+              return /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  className: clsx22(ResourcesGridList_module_default.mobileSidebarItem, cat.active && ResourcesGridList_module_default.active),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { children: cat.label }),
+                    cat.hasNotification && /* @__PURE__ */ jsx("span", { className: ResourcesGridList_module_default.notificationDot, "aria-label": "New" })
+                  ]
+                },
+                (_a = cat.label) != null ? _a : i
+              );
+            }) }) }),
+            /* @__PURE__ */ jsx("div", { className: ResourcesGridList_module_default.mobileSidebarCloseColumn, children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: ResourcesGridList_module_default.hamburger,
+                "aria-label": "Close categories",
+                onClick: () => setIsSidebarOpen(false),
+                children: /* @__PURE__ */ jsx(Icon, { type: "xBlack", size: 20, "aria-hidden": "true" })
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Sidebar,
+        {
+          categories,
+          isMobile,
+          onToggle: () => setIsSidebarOpen(true)
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: clsx22(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: displayedItems.map((item, i) => {
+        var _a;
+        return /* @__PURE__ */ jsx(ResourceCardItem, { item, view }, (_a = item.title) != null ? _a : i);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx(Pagination3, {})
+  ] });
+};
 function useIntersectionObserver({
   animateOnce = false,
   options = {}
@@ -2203,6 +2915,6 @@ function useIntersectionObserver({
   return { observeRef, isVisible };
 }
 
-export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
+export { Anchor, BrandsStrip, Button, Card2 as Card, CardCollection2 as CardCollection, ConditionalWrapper, ContactModule2 as ContactModule, Container, CountingCard2 as CountingCard, EventList2 as EventList, Footer, HeroBanner2 as HeroBanner, HeroBannerCarousel, Icon, InfoCard2 as InfoCard, InternalBrandsTab2 as InternalBrandsTab, MiniBanner2 as MiniBanner, MiniSectionCta2 as MiniSectionCta, Pagination, Picture, PracticeCard, PracticePathCards2 as PracticePathCards, ResourcesGridList, Teaser5050With3Text2 as Teaser5050With3Text, Teaser5050WithCta2 as Teaser5050WithCta, TextBody2 as TextBody, TextCenterCtaInBottom2 as TextCenterCtaInBottom, TextEvent2 as TextEvent, resolveCompoundSlots, svgs, useIntersectionObserver };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map