@phillips/seldon 1.53.1 → 1.54.0

package/dist/_virtual/Breakpoints.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/DynamicResponsive.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/Interactions.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/Media.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/MediaQueries.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/Utils.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/index2.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };

package/dist/_virtual/index3.js

@@ -1,4 +1,4 @@
-var p = { exports: {} };
+var e = { exports: {} };
 export {
-  p as __module
+  e as __module
 };

package/dist/_virtual/index4.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var p = { exports: {} };
 export {
-  e as __module
+  p as __module
 };

package/dist/_virtual/index6.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/components/Header/Header.d.ts

@@ -36,7 +36,7 @@ export declare const HeaderContext: React.Context<HeaderContextType>;
 /**
  * ## Overview
  *
- * This component allows navigation, search, login/logout, and language selection and supports desktop and mobile layouts
+ * This component allows navigation, search, login/logout, and language selection and supports desktop and mobile layouts.  It requires the <SeldonProvider> to be wrapped around it to support SSR Media Queries.
  *
  * [Figma Link Mobile](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=10877-33417&node-type=INSTANCE&m=dev)
  *

package/dist/components/Header/Header.js

@@ -1,29 +1,29 @@
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import l, { createContext as O, forwardRef as P, useState as h } from "react";
-import s from "../../node_modules/classnames/index.js";
-import { findChildrenOfType as i, findChildrenExcludingTypes as T, px as e } from "../../utils/index.js";
+import l, { createContext as O, forwardRef as T, useState as h } from "react";
+import d from "../../node_modules/classnames/index.js";
+import { findChildrenOfType as s, findChildrenExcludingTypes as P, px as e } from "../../utils/index.js";
 import j from "../../assets/PhillipsLogo.svg.js";
 import p from "../UserManagement/UserManagement.js";
 import g from "../LanguageSelector/LanguageSelector.js";
 import f from "../Navigation/Navigation.js";
-import { defaultHeaderContext as w } from "./utils.js";
-const I = O(w), L = P(
+import { defaultHeaderContext as R } from "./utils.js";
+import { SSRMediaQuery as w } from "../../providers/utils.js";
+const I = O(R), L = T(
   ({
-    logo: d = /* @__PURE__ */ a(j, {}),
+    logo: i = /* @__PURE__ */ a(j, {}),
     className: u,
     children: r,
     toggleOpenText: _ = "Open Menu",
     toggleCloseText: v = "Close Menu",
     logoText: x = "Home Page",
     ...C
-  }, $) => {
-    const b = i(r, p), m = i(r, g), [c, y] = h(!1), E = i(r, f), N = T(r, [f, p, g]), [n, M] = h(!1), S = n ? v : _, H = function() {
-      M((t) => !t);
+  }, y) => {
+    const E = s(r, p), m = s(r, g), [c, M] = h(!1), $ = s(r, f), b = P(r, [f, p, g]), [n, N] = h(!1), S = n ? v : _, H = function() {
+      N((t) => !t);
     };
-    return /* @__PURE__ */ o("header", { ...C, className: s(`${e}-header`, u), ref: $, children: [
+    return /* @__PURE__ */ o("header", { ...C, className: d(`${e}-header`, u), ref: y, children: [
       /* @__PURE__ */ o("div", { className: `${e}-header__top-row`, children: [
-        m,
-        " ",
+        /* @__PURE__ */ a(w.Media, { greaterThanOrEqual: "md", children: m }),
         /* @__PURE__ */ o(
           "button",
           {
@@ -31,7 +31,7 @@ const I = O(w), L = P(
             "data-testid": "mobile-menu-toggle",
             type: "button",
             onClick: H,
-            className: s(`${e}-header__toggle-btn`, {
+            className: d(`${e}-header__toggle-btn`, {
               [`${e}-header__toggle-btn--open`]: n
             }),
             children: [
@@ -40,20 +40,20 @@ const I = O(w), L = P(
             ]
           }
         ),
-        /* @__PURE__ */ a("h1", { "data-testid": "header-logo", className: `${e}-header__logo`, children: /* @__PURE__ */ a("a", { href: "/", "aria-label": x, children: typeof d == "object" ? d : /* @__PURE__ */ a("img", { alt: "Phillips", "data-testid": "header-logo-img", src: d, height: "14" }) }) }),
-        b
+        /* @__PURE__ */ a("h1", { "data-testid": "header-logo", className: `${e}-header__logo`, children: /* @__PURE__ */ a("a", { href: "/", "aria-label": x, children: typeof i == "object" ? i : /* @__PURE__ */ a("img", { alt: "Phillips", "data-testid": "header-logo-img", src: i, height: "14" }) }) }),
+        E
       ] }),
-      /* @__PURE__ */ a("div", { className: s(`${e}-header__nav`, { [`${e}-header__nav--closed`]: !n }), children: /* @__PURE__ */ o(
+      /* @__PURE__ */ a("div", { className: d(`${e}-header__nav`, { [`${e}-header__nav--closed`]: !n }), children: /* @__PURE__ */ o(
         I.Provider,
         {
           value: {
             isMenuOpen: n,
             isSearchExpanded: c,
-            setIsSearchExpanded: y
+            setIsSearchExpanded: M
           },
           children: [
             l.Children.map(
-              E,
+              $,
               (t) => l.isValidElement(t) ? l.cloneElement(t, {
                 children: [
                   ...l.Children.toArray(t.props.children),
@@ -61,11 +61,11 @@ const I = O(w), L = P(
                 ]
               }) : t
             ),
-            N
+            b
           ]
         }
       ) }),
-      /* @__PURE__ */ a("div", { className: s(`${e}-header__overlay`, { [`${e}-header__overlay--active`]: c }) })
+      /* @__PURE__ */ a("div", { className: d(`${e}-header__overlay`, { [`${e}-header__overlay--active`]: c }) })
     ] });
   }
 );

package/dist/components/LanguageSelector/LanguageSelector.js

@@ -1,73 +1,74 @@
-import { jsxs as b, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { forwardRef as L } from "react";
+import { jsxs as b, Fragment as L, jsx as e } from "react/jsx-runtime";
+import { forwardRef as S } from "react";
 import { getCommonProps as N, noOp as x } from "../../utils/index.js";
 import C from "../../node_modules/classnames/index.js";
 import { SupportedLanguages as s } from "../../types/commonTypes.js";
-import S from "../Dropdown/Dropdown.js";
+import T from "../Dropdown/Dropdown.js";
 import k from "../Accordion/Accordion.js";
 import w from "../Accordion/AccordionItem.js";
 import y from "../Navigation/NavigationItem/NavigationItem.js";
-import { LinkVariants as P } from "../Link/types.js";
-import { TextVariants as T } from "../Text/types.js";
-import V from "../Text/Text.js";
-import j from "../Navigation/NavigationList/NavigationList.js";
-const A = ({
-  id: o,
+import { LinkVariants as M } from "../Link/types.js";
+import { TextVariants as E } from "../Text/types.js";
+import P from "../Text/Text.js";
+import V from "../Navigation/NavigationList/NavigationList.js";
+import { SSRMediaQuery as f } from "../../providers/utils.js";
+const j = ({
+  id: a,
   value: n,
   // can't be passed to the accordion
   onValueChange: r,
-  label: t,
+  label: m,
   options: l,
-  ...m
-}) => /* @__PURE__ */ e(k, { ...m, children: /* @__PURE__ */ e(
+  ...t
+}) => /* @__PURE__ */ e(k, { ...t, children: /* @__PURE__ */ e(
   w,
   {
     variation: "sm",
-    id: o != null ? o : "language-selector-accordion",
-    label: /* @__PURE__ */ e(V, { variant: T.snwHeaderLink, children: t }),
-    children: /* @__PURE__ */ e(j, { id: `${o}-navlist`, children: l.map((a) => /* @__PURE__ */ e(
+    id: a != null ? a : "language-selector-accordion",
+    label: /* @__PURE__ */ e(P, { variant: E.snwHeaderLink, children: m }),
+    children: /* @__PURE__ */ e(V, { id: `${a}-navlist`, children: l.map((o) => /* @__PURE__ */ e(
       y,
       {
-        label: a.label,
-        onClick: () => r(a.value),
-        navType: P.snwFlyoutLink
+        label: o.label,
+        onClick: () => r(o.value),
+        navType: M.snwFlyoutLink
       },
-      a.value
+      o.value
     )) })
   }
-) }), E = L(
+) }), A = S(
   ({
-    className: o,
+    className: a,
     currentLanguage: n = s.en,
     languageOptions: r = [
       { label: "English", value: s.en },
       { label: "中文", value: s.zh }
     ],
-    onLanguageChange: t = x,
+    onLanguageChange: m = x,
     id: l,
-    isHidden: m,
-    ...a
+    isHidden: t,
+    ...o
   }, c) => {
-    var g, f;
-    const { className: p, ...v } = N({ id: l }, "LanguageSelector"), d = (f = (g = r.find((i) => i.value === n)) == null ? void 0 : g.label) != null ? f : "English", u = {
-      ...v,
-      ...a,
+    var u, g;
+    const { className: p, ...h } = N({ id: l }, "LanguageSelector"), v = (g = (u = r.find((i) => i.value === n)) == null ? void 0 : u.label) != null ? g : "English", d = {
+      ...h,
+      ...o,
       id: l,
-      className: C(p, o, {
-        [`${p}--hidden`]: m
+      className: C(p, a, {
+        [`${p}--hidden`]: t
       }),
       options: r,
       value: n,
-      onValueChange: (i) => t(i),
-      label: d
+      onValueChange: (i) => m(i),
+      label: v
     };
-    return /* @__PURE__ */ b(h, { children: [
-      /* @__PURE__ */ e(S, { ...u, ref: c }),
-      /* @__PURE__ */ e(A, { ...u, ref: c })
+    return /* @__PURE__ */ b(L, { children: [
+      /* @__PURE__ */ e(f.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ e(T, { ...d, ref: c }) }),
+      /* @__PURE__ */ e(f.Media, { lessThan: "md", children: /* @__PURE__ */ e(j, { ...d, ref: c }) })
     ] });
   }
 );
-E.displayName = "LanguageSelector";
+A.displayName = "LanguageSelector";
 export {
-  E as default
+  A as default
 };

package/dist/components/Navigation/Navigation.d.ts

@@ -8,7 +8,7 @@ export interface NavigationProps extends ComponentProps<'nav'> {
 /**
  * ## Overview
  *
- * This is used within the Header component and displays the site navigation links.  It support both mobile and desktop.
+ * This is used within the Header component and displays the site navigation links.  It supports both mobile and desktop. It requires the <SeldonProvider> to be wrapped around it to support SSR Media Queries.
  *
  * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/EASEL-Compendium%3A-Tokens%2C-Components-%26-Patterns?node-id=10570-5784&m=dev)
  *

package/dist/components/Navigation/Navigation.js

@@ -1,37 +1,37 @@
-import { jsx as x, jsxs as h } from "react/jsx-runtime";
+import { jsx as l, jsxs as x } from "react/jsx-runtime";
 import e, { forwardRef as E } from "react";
-import { findChildrenOfType as l, findChildrenExcludingTypes as N, px as d } from "../../utils/index.js";
-import C from "../../node_modules/classnames/index.js";
+import { findChildrenOfType as d, findChildrenExcludingTypes as N, px as m } from "../../utils/index.js";
+import S from "../../node_modules/classnames/index.js";
 import { HeaderContext as y } from "../Header/Header.js";
-import m from "./NavigationList/NavigationList.js";
-import c from "../LanguageSelector/LanguageSelector.js";
-const S = E(
-  ({ children: i, className: f, id: n, visible: p = !0, ...v }, g) => {
+import c from "./NavigationList/NavigationList.js";
+import f from "../LanguageSelector/LanguageSelector.js";
+import { SSRMediaQuery as C } from "../../providers/utils.js";
+const _ = E(
+  ({ children: i, className: p, id: a, visible: v = !0, ...g }, h) => {
     var r, s;
-    const { isSearchExpanded: a } = e.useContext(y), o = (r = l(i, m)) == null ? void 0 : r[0], u = N(i, [m, c]), t = (s = l(i, c)) == null ? void 0 : s[0];
-    return /* @__PURE__ */ x(
+    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];
+    return /* @__PURE__ */ l(
       "nav",
       {
         role: "navigation",
-        "data-testid": n,
-        id: n,
-        style: { "--visible": p ? "visible" : "hidden" },
-        className: C(`${d}-nav`, f),
-        ...v,
-        ref: g,
-        children: /* @__PURE__ */ h("div", { className: `${d}-nav__list-container`, children: [
+        "data-testid": a,
+        id: a,
+        style: { "--visible": v ? "visible" : "hidden" },
+        className: S(`${m}-nav`, p),
+        ...g,
+        ref: h,
+        children: /* @__PURE__ */ x("div", { className: `${m}-nav__list-container`, children: [
           u,
-          e.isValidElement(o) ? e.cloneElement(o, { isOffScreen: a }) : void 0,
-          /* This is not visible through css when in desktop breakpoint */
-          e.isValidElement(t) && t ? e.cloneElement(t, {
-            isHidden: a
-          }) : void 0
+          e.isValidElement(o) ? e.cloneElement(o, { isOffScreen: n }) : void 0,
+          /* @__PURE__ */ l(C.Media, { lessThan: "md", children: e.isValidElement(t) && t ? e.cloneElement(t, {
+            isHidden: n
+          }) : void 0 })
         ] })
       }
     );
   }
 );
-S.displayName = "Navigation";
+_.displayName = "Navigation";
 export {
-  S as default
+  _ as default
 };

package/dist/index.d.ts

@@ -41,3 +41,4 @@ export { default as Video, type VideoProps } from './components/Video/Video';
 export * from './components/LanguageSelector';
 export * from './components/ReadMore';
 export * from './components/Collapsible';
+export * from './providers/SeldonProvider';

package/dist/index.js

@@ -1,11 +1,11 @@
-import { PaddingTokens as a, SpacingTokens as f, defaultYear as p, emailValidation as d, encodeURLSearchParams as l, findChildrenExcludingTypes as s, findChildrenOfType as m, generatePaddingClassName as u, getCommonProps as i, noOp as x, px as n, useNormalizedInputProps as g } from "./utils/index.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as p, emailValidation as d, encodeURLSearchParams as l, findChildrenExcludingTypes as m, findChildrenOfType as s, generatePaddingClassName as i, getCommonProps as u, noOp as x, px as n, useNormalizedInputProps as g } from "./utils/index.js";
 import { default as S } from "./pages/Page.js";
 import { default as C } from "./components/Button/Button.js";
-import { ButtonVariants as T } from "./components/Button/types.js";
-import { default as k } from "./components/IconButton/IconButton.js";
-import { default as P } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { ButtonVariants as P } from "./components/Button/types.js";
+import { default as b } from "./components/IconButton/IconButton.js";
+import { default as B } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as N } from "./components/Footer/Footer.js";
-import { Grid as w } from "./components/Grid/Grid.js";
+import { Grid as v } from "./components/Grid/Grid.js";
 import { default as A } from "./components/Header/Header.js";
 import { default as G } from "./components/Navigation/Navigation.js";
 import { default as R } from "./components/Navigation/NavigationItem/NavigationItem.js";
@@ -22,17 +22,17 @@ import { default as oe } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as te } from "./components/GridItem/types.js";
 import { default as fe } from "./components/Search/Search.js";
 import { default as de } from "./components/Select/Select.js";
-import { default as se } from "./components/SplitPanel/SplitPanel.js";
-import { default as ue } from "./components/Subscribe/Subscribe.js";
+import { default as me } from "./components/SplitPanel/SplitPanel.js";
+import { default as ie } from "./components/Subscribe/Subscribe.js";
 import { SubscriptionState as xe } from "./components/Subscribe/types.js";
 import { default as ge } from "./components/Social/Social.js";
 import { default as Se } from "./components/ViewingsList/ViewingsList.js";
 import { default as Ce } from "./components/Modal/Modal.js";
-import { default as Te } from "./components/Drawer/Drawer.js";
-import { default as ke } from "./components/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Pe } from "./components/Text/types.js";
+import { default as Pe } from "./components/Drawer/Drawer.js";
+import { default as be } from "./components/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Be } from "./components/Text/types.js";
 import { default as Ne } from "./components/Text/Text.js";
-import { default as we } from "./components/Accordion/Accordion.js";
+import { default as ve } from "./components/Accordion/Accordion.js";
 import { default as Ae } from "./components/Accordion/AccordionItem.js";
 import { default as Ge } from "./components/UserManagement/UserManagement.js";
 import { AuthState as Re } from "./components/UserManagement/types.js";
@@ -47,26 +47,27 @@ import { default as Ke } from "./components/ReadMore/ReadMore.js";
 import { default as We } from "./components/Collapsible/Collapsible.js";
 import { default as Ze } from "./components/Collapsible/CollapsibleContent.js";
 import { default as $e } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as oo } from "./providers/SeldonProvider.js";
 export {
-  we as Accordion,
+  ve as Accordion,
   Ae as AccordionItem,
   Re as AuthState,
   Oe as Breadcrumb,
   C as Button,
-  T as ButtonVariants,
+  P as ButtonVariants,
   We as Collapsible,
   Ze as CollapsibleContent,
   $e as CollapsibleTrigger,
-  Te as Drawer,
+  Pe as Drawer,
   ze as Dropdown,
-  P as ErrorBoundary,
+  B as ErrorBoundary,
   N as Footer,
-  w as Grid,
+  v as Grid,
   oe as GridItem,
   te as GridItemAlign,
   A as Header,
   z as HeroBanner,
-  k as IconButton,
+  b as IconButton,
   Y as Input,
   qe as LanguageSelector,
   q as Link,
@@ -83,26 +84,27 @@ export {
   Ke as ReadMore,
   $ as Row,
   fe as Search,
+  oo as SeldonProvider,
   de as Select,
   ge as Social,
   f as SpacingTokens,
-  se as SplitPanel,
-  ke as StatefulViewingsList,
-  ue as Subscribe,
+  me as SplitPanel,
+  be as StatefulViewingsList,
+  ie as Subscribe,
   xe as SubscriptionState,
   Ee as SupportedLanguages,
   Ne as Text,
-  Pe as TextVariants,
+  Be as TextVariants,
   Ge as UserManagement,
   Ye as Video,
   Se as ViewingsList,
   p as defaultYear,
   d as emailValidation,
   l as encodeURLSearchParams,
-  s as findChildrenExcludingTypes,
-  m as findChildrenOfType,
-  u as generatePaddingClassName,
-  i as getCommonProps,
+  m as findChildrenExcludingTypes,
+  s as findChildrenOfType,
+  i as generatePaddingClassName,
+  u as getCommonProps,
   x as noOp,
   n as px,
   g as useNormalizedInputProps