@phillips/seldon 1.74.4 → 1.75.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/components/Accordion/Accordion.js +2 -2
  2. package/dist/components/Accordion/AccordionItem.js +3 -3
  3. package/dist/components/Breadcrumb/Breadcrumb.js +6 -6
  4. package/dist/components/Breadcrumb/BreadcrumbItem.js +6 -6
  5. package/dist/components/Button/Button.js +7 -7
  6. package/dist/components/Carousel/Carousel.js +8 -8
  7. package/dist/components/Carousel/CarouselContent.js +3 -3
  8. package/dist/components/Carousel/CarouselDots.js +24 -24
  9. package/dist/components/Carousel/CarouselItem.js +3 -3
  10. package/dist/components/ContentPeek/ContentPeek.js +5 -5
  11. package/dist/components/Drawer/Drawer.js +6 -6
  12. package/dist/components/Dropdown/Dropdown.js +3 -3
  13. package/dist/components/Grid/Grid.js +3 -3
  14. package/dist/components/Grid/utils.js +4 -4
  15. package/dist/components/GridItem/GridItem.js +8 -8
  16. package/dist/components/IconButton/IconButton.js +2 -2
  17. package/dist/components/Link/Link.js +6 -6
  18. package/dist/components/LinkBlock/LinkBlock.js +6 -6
  19. package/dist/components/LinkList/LinkList.js +5 -5
  20. package/dist/components/Modal/Modal.js +4 -4
  21. package/dist/components/Navigation/Navigation.js +4 -4
  22. package/dist/components/Navigation/NavigationList/NavigationList.js +3 -3
  23. package/dist/components/PageContentWrapper/PageContentWrapper.js +4 -4
  24. package/dist/components/PinchZoom/PinchZoom.js +3 -3
  25. package/dist/components/Row/Row.js +4 -4
  26. package/dist/components/Search/Search.js +5 -5
  27. package/dist/components/SeldonImage/SeldonImage.d.ts +47 -0
  28. package/dist/components/SeldonImage/SeldonImage.js +73 -0
  29. package/dist/components/SeldonImage/index.d.ts +1 -0
  30. package/dist/components/SplitPanel/SplitPanel.js +2 -2
  31. package/dist/components/Video/Video.js +2 -2
  32. package/dist/index.d.ts +1 -0
  33. package/dist/index.js +2 -0
  34. package/dist/patterns/DetailList/DetailList.js +7 -7
  35. package/dist/patterns/LanguageSelector/LanguageSelector.js +4 -4
  36. package/dist/patterns/Social/Social.js +5 -5
  37. package/dist/patterns/Subscribe/Subscribe.js +8 -8
  38. package/dist/patterns/UserManagement/UserManagement.js +2 -2
  39. package/dist/patterns/ViewingsList/ViewingsList.js +10 -10
  40. package/dist/patterns/ViewingsList/ViewingsListCard.js +12 -12
  41. package/dist/patterns/ViewingsList/ViewingsListCardForm.js +6 -6
  42. package/dist/scss/componentStyles.scss +1 -0
  43. package/dist/scss/components/Carousel/_carousel.scss +3 -3
  44. package/dist/scss/components/SeldonImage/_seldonImage.scss +68 -0
  45. package/dist/scss/patterns/DetailList/_detailList.scss +1 -1
  46. package/dist/site-furniture/Footer/Footer.js +2 -2
  47. package/dist/site-furniture/Header/Header.js +4 -4
  48. package/package.json +1 -1
@@ -3,7 +3,7 @@ import c from "../../node_modules/classnames/index.js";
3
3
  import { getCommonProps as i } from "../../utils/index.js";
4
4
  import { Root as e } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
5
5
  import { getAccordionVariantProps as d } from "./utils.js";
6
- const C = ({ className: m, children: t, ...o }) => {
6
+ const N = ({ className: m, children: t, ...o }) => {
7
7
  const { className: a, ...r } = i(o, "Accordion"), n = d(o.variant);
8
8
  return /* @__PURE__ */ s(
9
9
  e,
@@ -17,5 +17,5 @@ const C = ({ className: m, children: t, ...o }) => {
17
17
  );
18
18
  };
19
19
  export {
20
- C as default
20
+ N as default
21
21
  };
@@ -4,7 +4,7 @@ import $ from "../../assets/plus.svg.js";
4
4
  import I from "../../assets/minus.svg.js";
5
5
  import _ from "../../assets/lock.svg.js";
6
6
  import d from "../../node_modules/classnames/index.js";
7
- import { Item as C, Trigger as N, Content as x } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
7
+ import { Item as C, Trigger as x, Content as N } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
8
8
  import { AccordionItemVariant as h } from "./types.js";
9
9
  import { getIconClasses as u } from "./utils.js";
10
10
  const A = ({
@@ -38,7 +38,7 @@ const A = ({
38
38
  }
39
39
  ) });
40
40
  return /* @__PURE__ */ o(
41
- N,
41
+ x,
42
42
  {
43
43
  "data-disabled": c,
44
44
  asChild: !0,
@@ -59,7 +59,7 @@ const A = ({
59
59
  isLargeVariation: e,
60
60
  className: r
61
61
  }) => /* @__PURE__ */ o(f, { children: t && n ? /* @__PURE__ */ o("div", { children: n }) : /* @__PURE__ */ o(
62
- x,
62
+ N,
63
63
  {
64
64
  asChild: !0,
65
65
  className: d(
@@ -11,25 +11,25 @@ const v = ({
11
11
  linkElement: l = "a",
12
12
  ...e
13
13
  }) => {
14
- const { className: m, ...i } = u(e, "Breadcrumb"), { id: b } = e;
15
- return /* @__PURE__ */ h("nav", { "aria-label": "Breadcrumb", className: f(m, s), ...i, ...e, children: [
14
+ const { className: n, ...i } = u(e, "Breadcrumb"), { id: b } = e;
15
+ return /* @__PURE__ */ h("nav", { "aria-label": "Breadcrumb", className: f(n, s), ...i, ...e, children: [
16
16
  /* @__PURE__ */ r(c.Media, { lessThan: "md", children: /* @__PURE__ */ r(
17
17
  l,
18
18
  {
19
19
  href: a[1].href ? a[1].href : "/",
20
20
  className: `${t}-icon-button ${t}-icon-button--secondary`,
21
21
  "data-testid": `${b}-back-button`,
22
- children: /* @__PURE__ */ r(N, { className: `${m}__back-button` })
22
+ children: /* @__PURE__ */ r(N, { className: `${n}__back-button` })
23
23
  }
24
24
  ) }),
25
- /* @__PURE__ */ r(c.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ r("ol", { children: a.map((o, n) => /* @__PURE__ */ r(
25
+ /* @__PURE__ */ r(c.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ r("ol", { children: a.map((o, m) => /* @__PURE__ */ r(
26
26
  p,
27
27
  {
28
28
  href: o.href,
29
29
  label: o.label,
30
30
  element: l,
31
- isCurrent: a.length - 1 === n,
32
- isTruncateText: d === n
31
+ isCurrent: a.length - 1 === m,
32
+ isTruncateText: d === m
33
33
  },
34
34
  o.label
35
35
  )) }) })
@@ -1,7 +1,7 @@
1
- import { jsxs as N, jsx as m } from "react/jsx-runtime";
2
- import { getCommonProps as d } from "../../utils/index.js";
1
+ import { jsxs as d, jsx as m } from "react/jsx-runtime";
2
+ import { getCommonProps as h } from "../../utils/index.js";
3
3
  import s from "../../node_modules/classnames/index.js";
4
- import h from "../../assets/chevronNext.svg.js";
4
+ import u from "../../assets/chevronNext.svg.js";
5
5
  const g = ({
6
6
  className: c,
7
7
  href: o,
@@ -11,8 +11,8 @@ const g = ({
11
11
  element: n = "a",
12
12
  ...l
13
13
  }) => {
14
- const { className: e, ...f } = d(l, "Breadcrumb"), p = a ? "page" : !1, i = a ? "" : o;
15
- return /* @__PURE__ */ N(
14
+ const { className: e, ...f } = h(l, "Breadcrumb"), p = a ? "page" : !1, i = a ? "" : o;
15
+ return /* @__PURE__ */ d(
16
16
  "li",
17
17
  {
18
18
  "aria-label": r,
@@ -30,7 +30,7 @@ const g = ({
30
30
  children: r
31
31
  }
32
32
  ),
33
- a ? null : /* @__PURE__ */ m(h, { className: `${e}__chevron` })
33
+ a ? null : /* @__PURE__ */ m(u, { className: `${e}__chevron` })
34
34
  ]
35
35
  }
36
36
  );
@@ -3,14 +3,14 @@ import p from "../../node_modules/classnames/index.js";
3
3
  import { getCommonProps as u } from "../../utils/index.js";
4
4
  import { ButtonVariants as d } from "./types.js";
5
5
  import { forwardRef as $ } from "react";
6
- const N = $(
6
+ const b = $(
7
7
  ({
8
8
  variant: s = d.primary,
9
9
  size: a = "md",
10
10
  children: m,
11
11
  className: r,
12
- isIconLast: e = !1,
13
- type: n = "button",
12
+ isIconLast: n = !1,
13
+ type: e = "button",
14
14
  isDisabled: i = !1,
15
15
  ...t
16
16
  }, f) => {
@@ -20,13 +20,13 @@ const N = $(
20
20
  {
21
21
  ...l,
22
22
  ref: f,
23
- type: n,
23
+ type: e,
24
24
  className: p(
25
25
  `${o}`,
26
26
  `${o}--${a}`,
27
27
  `${o}--${s}`,
28
28
  {
29
- [`${o}--icon-last`]: e
29
+ [`${o}--icon-last`]: n
30
30
  },
31
31
  r
32
32
  ),
@@ -37,7 +37,7 @@ const N = $(
37
37
  );
38
38
  }
39
39
  );
40
- N.displayName = "Button";
40
+ b.displayName = "Button";
41
41
  export {
42
- N as default
42
+ b as default
43
43
  };
@@ -1,5 +1,5 @@
1
- import { jsx as u } from "react/jsx-runtime";
2
- import { createContext as A, forwardRef as R, useEffect as m, useCallback as n } from "react";
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { createContext as A, forwardRef as R, useEffect as u, useCallback as m } from "react";
3
3
  import { getCommonProps as b } from "../../utils/index.js";
4
4
  import d from "../../node_modules/classnames/index.js";
5
5
  import E from "../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
@@ -30,30 +30,30 @@ const W = A(null), h = R(
30
30
  ] : []
31
31
  ]
32
32
  );
33
- m(() => {
33
+ u(() => {
34
34
  s ? e == null || e.reInit({
35
35
  watchDrag: () => !1
36
36
  }) : e == null || e.reInit({
37
37
  watchDrag: () => !0
38
38
  });
39
39
  }, [s, e]);
40
- const k = n(
40
+ const k = m(
41
41
  (r) => {
42
42
  r.key === "ArrowLeft" ? (r.preventDefault(), e == null || e.scrollPrev()) : r.key === "ArrowRight" && (r.preventDefault(), e == null || e.scrollNext());
43
43
  },
44
44
  [e]
45
- ), l = n(
45
+ ), l = m(
46
46
  (r) => {
47
47
  r && (o == null || o(r.selectedScrollSnap()));
48
48
  },
49
49
  [o]
50
50
  );
51
- return m(() => {
51
+ return u(() => {
52
52
  if (e)
53
53
  return l(e), e.on("reInit", l), e.on("settle", l), () => {
54
54
  e == null || e.off("settle", l), e == null || e.off("reInit", l);
55
55
  };
56
- }, [e, l]), /* @__PURE__ */ u(
56
+ }, [e, l]), /* @__PURE__ */ n(
57
57
  W.Provider,
58
58
  {
59
59
  value: {
@@ -66,7 +66,7 @@ const W = A(null), h = R(
66
66
  columnGap: v,
67
67
  onSlideChange: o
68
68
  },
69
- children: /* @__PURE__ */ u(
69
+ children: /* @__PURE__ */ n(
70
70
  "div",
71
71
  {
72
72
  ref: y,
@@ -4,19 +4,19 @@ import a from "../../node_modules/classnames/index.js";
4
4
  import { useCarousel as p } from "./utils.js";
5
5
  import { getCommonProps as u } from "../../utils/index.js";
6
6
  const C = f(
7
- ({ className: t, containerClassName: n, containerStyles: m, ...e }, l) => {
7
+ ({ className: n, containerClassName: t, containerStyles: m, ...e }, l) => {
8
8
  const { className: o, ...c } = u(e, "Carousel"), { carouselRef: i, columnGap: s } = p();
9
9
  return /* @__PURE__ */ r(
10
10
  "div",
11
11
  {
12
12
  ref: i,
13
- className: a(`${o}-content`, n),
13
+ className: a(`${o}-content`, t),
14
14
  style: m,
15
15
  children: /* @__PURE__ */ r(
16
16
  "div",
17
17
  {
18
18
  ref: l,
19
- className: a(`${o}-content-inner`, t, {
19
+ className: a(`${o}-content-inner`, n, {
20
20
  [`${o}-content-inner--gap-${s}`]: !!s
21
21
  }),
22
22
  ...e,
@@ -1,26 +1,26 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
2
  import d from "../../node_modules/classnames/index.js";
3
3
  import { forwardRef as D, useId as P, useState as S, useCallback as f, useEffect as V } from "react";
4
- import { useCarousel as j } from "./utils.js";
5
- import { getCommonProps as w } from "../../utils/index.js";
6
- const A = D(
7
- ({ className: $, maxDots: i = 7, position: h = "inline", numberOfSlides: N = 0, ...u }, b) => {
8
- const { className: s, ...C } = w(u, "Carousel"), M = P(), { api: e, onSlideChange: n } = j(), [g, v] = S(0), [l, x] = S(
9
- Array.from({ length: N }, (t, o) => o)
10
- ), k = f(
4
+ import { useCarousel as _ } from "./utils.js";
5
+ import { getCommonProps as j } from "../../utils/index.js";
6
+ const w = D(
7
+ ({ className: $, maxDots: l = 7, position: h = "inline", numberOfSlides: b = 0, ...u }, N) => {
8
+ const { className: s, ...C } = j(u, "Carousel"), M = P(), { api: e, onSlideChange: o } = _(), [g, v] = S(0), [i, k] = S(
9
+ Array.from({ length: b }, (t, n) => n)
10
+ ), x = f(
11
11
  (t) => {
12
- e && (e.scrollTo(t, !0), n == null || n(t));
12
+ e && (e.scrollTo(t, !0), o == null || o(t));
13
13
  },
14
- [e, n]
14
+ [e, o]
15
15
  ), p = f((t) => {
16
- x(t.scrollSnapList());
16
+ k(t.scrollSnapList());
17
17
  }, []), a = f((t) => {
18
18
  v(t.selectedScrollSnap());
19
19
  }, []), m = f(
20
20
  (t) => {
21
- n == null || n(t.selectedScrollSnap());
21
+ o == null || o(t.selectedScrollSnap());
22
22
  },
23
- [n]
23
+ [o]
24
24
  );
25
25
  V(() => {
26
26
  if (e)
@@ -29,29 +29,29 @@ const A = D(
29
29
  };
30
30
  }, [e, p, a, m]);
31
31
  const I = (() => {
32
- if (l.length <= i) return l;
33
- const t = Math.floor(i / 2);
34
- let o = Math.max(0, g - t);
35
- const r = Math.min(l.length, o + i);
36
- return r - o < i && (o = Math.max(0, r - i)), l.slice(o, r);
32
+ if (i.length <= l) return i;
33
+ const t = Math.floor(l / 2);
34
+ let n = Math.max(0, g - t);
35
+ const r = Math.min(i.length, n + l);
36
+ return r - n < l && (n = Math.max(0, r - l)), i.slice(n, r);
37
37
  })();
38
38
  return /* @__PURE__ */ c(
39
39
  "div",
40
40
  {
41
- ref: b,
41
+ ref: N,
42
42
  role: "group",
43
43
  "aria-roledescription": "pagination",
44
44
  "aria-label": "pagination",
45
45
  className: d(`${s}-pagination`, $, `${s}-pagination-${h}`),
46
46
  ...u,
47
47
  ...C,
48
- children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container`, children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container-inner`, children: I.map((t, o) => {
49
- const r = l.indexOf(I[o]), y = g === r;
48
+ children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container`, children: /* @__PURE__ */ c("div", { className: `${s}-pagination-container-inner`, children: I.map((t, n) => {
49
+ const r = i.indexOf(I[n]), y = g === r;
50
50
  return /* @__PURE__ */ c(
51
51
  "button",
52
52
  {
53
53
  role: "button",
54
- onClick: () => k(r),
54
+ onClick: () => x(r),
55
55
  className: d(`${s}-pagination-dot-container`),
56
56
  children: /* @__PURE__ */ c(
57
57
  "span",
@@ -62,14 +62,14 @@ const A = D(
62
62
  }
63
63
  )
64
64
  },
65
- `${M}-dot-${t}`
65
+ `${M}-dot-${n}`
66
66
  );
67
67
  }) }) })
68
68
  }
69
69
  );
70
70
  }
71
71
  );
72
- A.displayName = "CarouselDots";
72
+ w.displayName = "CarouselDots";
73
73
  export {
74
- A as default
74
+ w as default
75
75
  };
@@ -1,10 +1,10 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import i from "../../node_modules/classnames/index.js";
3
3
  import { forwardRef as l } from "react";
4
- import { getCommonProps as c } from "../../utils/index.js";
5
- import { useCarousel as n } from "./utils.js";
4
+ import { getCommonProps as n } from "../../utils/index.js";
5
+ import { useCarousel as c } from "./utils.js";
6
6
  const u = l(({ className: m, ...o }, s) => {
7
- const { className: e, ...a } = c(o, "Carousel"), { columnGap: r } = n();
7
+ const { className: e, ...a } = n(o, "Carousel"), { columnGap: r } = c();
8
8
  return /* @__PURE__ */ t(
9
9
  "div",
10
10
  {
@@ -1,5 +1,5 @@
1
1
  import { jsxs as m, jsx as o } from "react/jsx-runtime";
2
- import { forwardRef as y, useState as i, useRef as x, useEffect as $, useCallback as P } from "react";
2
+ import { forwardRef as N, useState as i, useRef as x, useEffect as $, useCallback as P } from "react";
3
3
  import c from "../../node_modules/classnames/index.js";
4
4
  import { getCommonProps as b } from "../../utils/index.js";
5
5
  import k from "../Button/Button.js";
@@ -9,7 +9,7 @@ import E from "../Collapsible/CollapsibleContent.js";
9
9
  import M from "../Collapsible/CollapsibleTrigger.js";
10
10
  import O from "../../assets/plus.svg.js";
11
11
  import S from "../../assets/minus.svg.js";
12
- const j = y(
12
+ const j = N(
13
13
  ({
14
14
  className: f,
15
15
  children: n,
@@ -22,15 +22,15 @@ const j = y(
22
22
  $(() => {
23
23
  s.current && C(s.current.scrollHeight > a);
24
24
  }, [n, a]);
25
- const N = P(() => {
26
- v((h) => !h);
25
+ const h = P(() => {
26
+ v((y) => !y);
27
27
  }, []);
28
28
  return /* @__PURE__ */ m(
29
29
  w,
30
30
  {
31
31
  id: r == null ? void 0 : r.id,
32
32
  open: t,
33
- onOpenChange: N,
33
+ onOpenChange: h,
34
34
  className: c(e, f),
35
35
  style: {
36
36
  "--content-peek-max-height": `${a}px`
@@ -1,12 +1,12 @@
1
1
  import { jsx as r, jsxs as s } from "react/jsx-runtime";
2
2
  import { getCommonProps as d, noOp as p } from "../../utils/index.js";
3
3
  import e from "../../node_modules/classnames/index.js";
4
- import { Root as f, Portal as C, Overlay as h, Content as N, Title as u, Description as v, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
4
+ import { Root as f, Portal as C, Overlay as h, Content as u, Title as v, Description as N, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
5
5
  import y from "../../assets/close.svg.js";
6
6
  import _ from "../IconButton/IconButton.js";
7
7
  import { ButtonVariants as g } from "../Button/types.js";
8
- const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: m, ...t }) => {
9
- const { className: a, ...n } = d(t, "Drawer");
8
+ const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: n, ...t }) => {
9
+ const { className: a, ...m } = d(t, "Drawer");
10
10
  return /* @__PURE__ */ r(
11
11
  f,
12
12
  {
@@ -23,9 +23,9 @@ const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: m, ...t })
23
23
  "data-testid": "drawer-overlay"
24
24
  }
25
25
  ),
26
- /* @__PURE__ */ s(N, { className: e(a, i), id: t.id, ...n, children: [
27
- /* @__PURE__ */ r(u, {}),
26
+ /* @__PURE__ */ s(u, { className: e(a, i), id: t.id, ...m, children: [
28
27
  /* @__PURE__ */ r(v, {}),
28
+ /* @__PURE__ */ r(N, {}),
29
29
  /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(
30
30
  _,
31
31
  {
@@ -37,7 +37,7 @@ const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: m, ...t })
37
37
  children: /* @__PURE__ */ r(y, {})
38
38
  }
39
39
  ) }),
40
- m
40
+ n
41
41
  ] })
42
42
  ] })
43
43
  }
@@ -6,8 +6,8 @@ import { Root as D, Trigger as $, Value as b, Icon as v, Portal as I, Content as
6
6
  import c from "../../assets/chevronDown.svg.js";
7
7
  const j = d.forwardRef(
8
8
  ({ options: l, value: a, onValueChange: s, label: t, className: _, id: m, ...h }, f) => {
9
- const { className: o, ...N } = C({ id: m }, "Dropdown"), [u, w] = g(!1);
10
- return /* @__PURE__ */ e("div", { className: i(o, _), id: m, ...N, ...h, children: /* @__PURE__ */ n(
9
+ const { className: o, ...u } = C({ id: m }, "Dropdown"), [N, w] = g(!1);
10
+ return /* @__PURE__ */ e("div", { className: i(o, _), id: m, ...u, ...h, children: /* @__PURE__ */ n(
11
11
  D,
12
12
  {
13
13
  value: a,
@@ -18,7 +18,7 @@ const j = d.forwardRef(
18
18
  children: [
19
19
  /* @__PURE__ */ n($, { className: `${o}__trigger`, "aria-label": t, ref: f, children: [
20
20
  /* @__PURE__ */ e(b, { placeholder: a }),
21
- /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(c, { className: i({ [`${o}__trigger-icon-expanded`]: u }) }) })
21
+ /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(c, { className: i({ [`${o}__trigger-icon-expanded`]: N }) }) })
22
22
  ] }),
23
23
  /* @__PURE__ */ e(I, { children: /* @__PURE__ */ n(S, { className: `${o}__content`, position: "popper", children: [
24
24
  /* @__PURE__ */ e(x, { className: `${o}__scroll-button__up`, children: /* @__PURE__ */ e(c, {}) }),
@@ -10,12 +10,12 @@ function C({
10
10
  rowGap: t = e.lg,
11
11
  ...m
12
12
  }) {
13
- const { className: i, ...n } = d(m, "Grid");
13
+ const { className: n, ...i } = d(m, "Grid");
14
14
  return /* @__PURE__ */ c(
15
15
  r,
16
16
  {
17
- ...n,
18
- className: l(f(i, a, t), s),
17
+ ...i,
18
+ className: l(f(n, a, t), s),
19
19
  ...m,
20
20
  children: o
21
21
  }
@@ -1,8 +1,8 @@
1
- import $ from "../../node_modules/classnames/index.js";
2
- const n = (r, o, t) => $(
1
+ import t from "../../node_modules/classnames/index.js";
2
+ const m = (r, o, n) => t(
3
3
  `${r} ${r}--column-gap-${o}`,
4
- `${r}--row-gap-${t}`
4
+ `${r}--row-gap-${n}`
5
5
  );
6
6
  export {
7
- n as determineGridClassName
7
+ m as determineGridClassName
8
8
  };
@@ -1,29 +1,29 @@
1
1
  import { jsx as I } from "react/jsx-runtime";
2
2
  import { useMemo as l } from "react";
3
- import { getCommonProps as N } from "../../utils/index.js";
4
- import b from "../../node_modules/classnames/index.js";
5
- import { determineColumnSpanClassName as j, validateColumnSpans as v } from "./gridItemUtils.js";
6
- import { GridItemAlign as G } from "./types.js";
3
+ import { getCommonProps as b } from "../../utils/index.js";
4
+ import j from "../../node_modules/classnames/index.js";
5
+ import { determineColumnSpanClassName as v, validateColumnSpans as G } from "./gridItemUtils.js";
6
+ import { GridItemAlign as N } from "./types.js";
7
7
  const A = ({
8
8
  children: p,
9
9
  xs: m = 2,
10
10
  sm: r = 2,
11
11
  md: t = 6,
12
12
  lg: o = 12,
13
- align: s = G.center,
13
+ align: s = N.center,
14
14
  element: c = "div",
15
15
  className: n,
16
16
  ...a
17
17
  }) => {
18
- const { className: i, ...u } = N(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
18
+ const { className: i, ...u } = b(a, "GridItem"), e = l(() => ({ xs: m, sm: r, md: t, lg: o }), [m, r, t, o]), f = l(() => [
19
19
  i,
20
20
  // figure out the class names for each breakpoint
21
21
  Object.entries(e).map(
22
- ([d, C]) => j(d, C, s)
22
+ ([d, C]) => v(d, C, s)
23
23
  ),
24
24
  n
25
25
  ], [s, e, i, n]);
26
- return v(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: b(f), ...a, children: p }) : null;
26
+ return G(Object.values(e)) ? /* @__PURE__ */ I(c, { ...u, className: j(f), ...a, children: p }) : null;
27
27
  };
28
28
  export {
29
29
  A as default
@@ -3,7 +3,7 @@ import f from "../../node_modules/classnames/index.js";
3
3
  import p from "../Button/Button.js";
4
4
  import { getCommonProps as i } from "../../utils/index.js";
5
5
  import { ButtonVariants as l } from "../Button/types.js";
6
- const x = ({
6
+ const C = ({
7
7
  children: s,
8
8
  size: r = "md",
9
9
  variant: m = l.primary,
@@ -25,5 +25,5 @@ const x = ({
25
25
  );
26
26
  };
27
27
  export {
28
- x as default
28
+ C as default
29
29
  };
@@ -1,18 +1,18 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import p from "../../node_modules/classnames/index.js";
3
3
  import { getCommonProps as f } from "../../utils/index.js";
4
- import { getLinkVariantClassName as k, isLinkExternal as N } from "./utils.js";
5
- import { LinkVariants as x } from "./types.js";
6
- import L from "../Text/Text.js";
4
+ import { getLinkVariantClassName as k, isLinkExternal as x } from "./utils.js";
5
+ import { LinkVariants as L } from "./types.js";
6
+ import N from "../Text/Text.js";
7
7
  const V = ({
8
8
  children: m,
9
9
  className: n,
10
10
  element: r = "a",
11
- variant: o = x.link,
11
+ variant: o = L.link,
12
12
  href: s,
13
13
  ...a
14
14
  }) => {
15
- const { className: t, ...i } = f(a, "Link"), l = p(t, k(o), n), c = N(s);
15
+ const { className: t, ...i } = f(a, "Link"), l = p(t, k(o), n), c = x(s);
16
16
  return /* @__PURE__ */ e(
17
17
  r,
18
18
  {
@@ -21,7 +21,7 @@ const V = ({
21
21
  className: l,
22
22
  ...c && r === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
23
23
  ...a,
24
- children: /* @__PURE__ */ e(L, { variant: o, children: m })
24
+ children: /* @__PURE__ */ e(N, { variant: o, children: m })
25
25
  }
26
26
  );
27
27
  };
@@ -1,15 +1,15 @@
1
- import { jsxs as l, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as l, jsx as n } from "react/jsx-runtime";
2
2
  import d from "../../node_modules/classnames/index.js";
3
3
  import { getCommonProps as k } from "../../utils/index.js";
4
4
  import p from "../Link/Link.js";
5
5
  import { LinkVariants as f } from "../Link/types.js";
6
- import N from "../Text/Text.js";
7
- const v = ({ linkProps: o, description: i, className: n, ...s }) => {
6
+ import L from "../Text/Text.js";
7
+ const v = ({ linkProps: o, description: e, className: i, ...s }) => {
8
8
  var a;
9
- const { className: t, ...m } = k(s, "LinkBlock"), r = d(t, n), c = (a = o.element) != null ? a : p;
9
+ const { className: t, ...m } = k(s, "LinkBlock"), r = d(t, i), c = (a = o.element) != null ? a : p;
10
10
  return /* @__PURE__ */ l("div", { ...m, className: r, ...s, children: [
11
- /* @__PURE__ */ e(c, { ...o, "data-testid": `${m["data-testid"]}-link`, variant: f.link }),
12
- /* @__PURE__ */ e(N, { className: `${t}__description`, children: i })
11
+ /* @__PURE__ */ n(c, { ...o, "data-testid": `${m["data-testid"]}-link`, variant: f.link }),
12
+ /* @__PURE__ */ n(L, { className: `${t}__description`, children: e })
13
13
  ] });
14
14
  };
15
15
  export {
@@ -1,10 +1,10 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import { getCommonProps as N } from "../../utils/index.js";
3
- import c from "../../node_modules/classnames/index.js";
4
- import { Grid as d } from "../Grid/Grid.js";
2
+ import { getCommonProps as c } from "../../utils/index.js";
3
+ import d from "../../node_modules/classnames/index.js";
4
+ import { Grid as o } from "../Grid/Grid.js";
5
5
  const P = ({ children: i, className: l, ...r }) => {
6
- const { className: m, ...f } = N(r, "LinkList");
7
- return /* @__PURE__ */ t(d, { ...f, className: c(m, l), element: "ul", role: "list", ...r, children: i.map((s) => {
6
+ const { className: m, ...f } = c(r, "LinkList");
7
+ return /* @__PURE__ */ t(o, { ...f, className: d(m, l), element: "ul", role: "list", ...r, children: i.map((s) => {
8
8
  var a, e;
9
9
  return /* @__PURE__ */ t("li", { className: `${m}--item`, children: s }, (e = (a = s == null ? void 0 : s.props) == null ? void 0 : a.linkProps) == null ? void 0 : e.href);
10
10
  }) });
@@ -3,8 +3,8 @@ import t from "../../node_modules/classnames/index.js";
3
3
  import { getCommonProps as y, noOp as C } from "../../utils/index.js";
4
4
  import v from "../../assets/close.svg.js";
5
5
  import l from "../../node_modules/react-modal/lib/index.js";
6
- import N from "../IconButton/IconButton.js";
7
- import { ButtonVariants as b } from "../Button/types.js";
6
+ import b from "../IconButton/IconButton.js";
7
+ import { ButtonVariants as N } from "../Button/types.js";
8
8
  const w = ({
9
9
  children: m,
10
10
  className: n,
@@ -34,13 +34,13 @@ const w = ({
34
34
  onAfterClose: () => document.body.style.overflow = "unset",
35
35
  children: [
36
36
  /* @__PURE__ */ s(
37
- N,
37
+ b,
38
38
  {
39
39
  id: "modal-button",
40
40
  onClick: a,
41
41
  "aria-label": "Close Modal",
42
42
  className: t(`${e}__close`),
43
- variant: b.secondary,
43
+ variant: N.secondary,
44
44
  children: /* @__PURE__ */ s(v, {})
45
45
  }
46
46
  ),
@@ -1,15 +1,15 @@
1
1
  import { jsx as l, jsxs as x } from "react/jsx-runtime";
2
- import e, { forwardRef as N } from "react";
3
- import { findChildrenOfType as d, findChildrenExcludingTypes as E, px as m } from "../../utils/index.js";
2
+ import e, { forwardRef as E } from "react";
3
+ import { findChildrenOfType as d, findChildrenExcludingTypes as N, px as m } from "../../utils/index.js";
4
4
  import S from "../../node_modules/classnames/index.js";
5
5
  import { HeaderContext as y } from "../../site-furniture/Header/Header.js";
6
6
  import c from "./NavigationList/NavigationList.js";
7
7
  import f from "../../patterns/LanguageSelector/LanguageSelector.js";
8
8
  import { SSRMediaQuery as C } from "../../providers/utils.js";
9
- const _ = N(
9
+ const _ = E(
10
10
  ({ children: i, className: p, id: a, visible: v = !0, ...g }, h) => {
11
11
  var r, s;
12
- const { isSearchExpanded: n } = e.useContext(y), o = (r = d(i, c)) == null ? void 0 : r[0], u = E(i, [c, f]), t = (s = d(i, f)) == null ? void 0 : s[0];
12
+ const { isSearchExpanded: n } = e.useContext(y), o = (r = d(i, c)) == null ? void 0 : r[0], u = N(i, [c, f]), t = (s = d(i, f)) == null ? void 0 : s[0];
13
13
  return /* @__PURE__ */ l(
14
14
  "nav",
15
15
  {