@phillips/seldon 1.140.0 → 1.142.0

package/dist/components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js

@@ -1,58 +1,62 @@
-import { jsx as e, Fragment as _, jsxs as u } from "react/jsx-runtime";
-import { getCommonProps as $, findChildrenOfType as b, px as f } from "../../../utils/index.js";
+import { jsx as n, Fragment as _, jsxs as f } from "react/jsx-runtime";
 import k from "../../../node_modules/classnames/index.js";
-import a, { forwardRef as M, useState as I } from "react";
-import { TextVariants as h } from "../../Text/types.js";
-import v from "../../Text/Text.js";
-import O from "../NavigationList/NavigationList.js";
-import S from "../../Accordion/Accordion.js";
-import y from "../../Accordion/AccordionItem.js";
+import i, { forwardRef as $, useState as I } from "react";
+import M from "../../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
 import { SSRMediaQuery as g } from "../../../providers/SeldonProvider/utils.js";
-import { AccordionItemVariant as R } from "../../Accordion/types.js";
-import { HeaderContext as N } from "../../../site-furniture/Header/Header.js";
-import w from "../../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
-const E = ({ id: n, label: o, children: m }) => {
-  const { isMenuOpen: s } = a.useContext(N);
-  return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-    y,
+import { HeaderContext as v } from "../../../site-furniture/Header/Header.js";
+import { getCommonProps as O, findChildrenOfType as S, focusElementById as y, px as h } from "../../../utils/index.js";
+import E from "../../Accordion/Accordion.js";
+import R from "../../Accordion/AccordionItem.js";
+import { AccordionItemVariant as w } from "../../Accordion/types.js";
+import { TextVariants as C } from "../../Text/types.js";
+import N from "../../Text/Text.js";
+import L from "../NavigationList/NavigationList.js";
+const A = ({ id: a, label: o, children: l }) => {
+  const { isMenuOpen: c } = i.useContext(v);
+  return /* @__PURE__ */ n(E, { children: /* @__PURE__ */ n(
+    R,
     {
       hasTransition: !0,
-      id: `accordion-item-${n}`,
-      label: /* @__PURE__ */ e(v, { variant: h.snwHeaderLink, children: o }),
-      variant: R.lg,
-      children: m
+      id: `accordion-item-${a}`,
+      label: /* @__PURE__ */ n(N, { variant: C.snwHeaderLink, children: o }),
+      variant: w.lg,
+      children: l
     },
     `accordion-key-${o}`
-  ) }, `accordion-key-${o}-${s}`);
-}, L = M(
-  ({ id: n, label: o, children: m, className: s, onClick: C, ...x }, T) => {
-    const { className: t, ...d } = $({ id: n }, "NavigationItemTrigger"), [l, i] = I(!1), r = b(m, O), { closeMenu: p } = a.useContext(N);
-    return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ u(w, { enabled: l, allowPinchZoom: !0, removeScrollBar: !1, children: [
-      /* @__PURE__ */ e(g.Media, { lessThan: "md", children: /* @__PURE__ */ e(E, { id: n, label: o, ...d, children: r ? a.cloneElement(r[0], {
-        className: `${t}__submenu--mobile`,
-        onClick: (c) => {
-          r[0].props?.onClick?.(c), i?.(!1), p?.();
+  ) }, `accordion-key-${o}-${c}`);
+}, H = $(
+  ({ id: a, label: o, children: l, className: c, onClick: b, ...x }, t) => {
+    const { className: m, ...u } = O({ id: a }, "NavigationItemTrigger"), [d, s] = I(!1), e = S(l, L), { closeMenu: p } = i.useContext(v), T = i.useCallback(() => {
+      s(!0), e && e[0]?.props?.id && y(e[0].props.id, !0);
+      const r = t && "current" in t ? t.current : null;
+      r && r.focus();
+    }, [e, t]);
+    return /* @__PURE__ */ n(_, { children: /* @__PURE__ */ f(M, { enabled: d, allowPinchZoom: !0, removeScrollBar: !1, children: [
+      /* @__PURE__ */ n(g.Media, { lessThan: "md", children: /* @__PURE__ */ n(A, { id: a, label: o, ...u, children: e ? i.cloneElement(e[0], {
+        className: `${m}__submenu--mobile`,
+        onClick: (r) => {
+          e[0].props?.onClick?.(r), s?.(!1), p?.();
         }
       }) : null }) }),
-      /* @__PURE__ */ e(g.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ u(
+      /* @__PURE__ */ n(g.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ f(
         "li",
         {
-          ...d,
-          ref: T,
-          "aria-expanded": l,
-          className: k(s, t, `${f}-nav__item`, {
-            [`${t}--hovered`]: l
+          ...u,
+          ref: t,
+          "aria-expanded": d,
+          className: k(c, m, `${h}-nav__item`, {
+            [`${m}--hovered`]: d
           }),
-          onClick: C,
-          onMouseOver: () => i(!0),
-          onMouseOut: () => i(!1),
+          onClick: b,
+          onMouseOver: T,
+          onMouseOut: () => s(!1),
           ...x,
           children: [
-            /* @__PURE__ */ e("button", { className: `${f}-nav__item-trigger`, type: "button", children: /* @__PURE__ */ e(v, { variant: h.snwHeaderLink, children: o }) }),
-            r ? a.cloneElement(r[0], {
-              className: `${t}__submenu`,
-              onClick: (c) => {
-                r[0].props?.onClick?.(c), i?.(!1), p?.();
+            /* @__PURE__ */ n("button", { className: `${h}-nav__item-trigger`, type: "button", children: /* @__PURE__ */ n(N, { variant: C.snwHeaderLink, children: o }) }),
+            e ? i.cloneElement(e[0], {
+              className: `${m}__submenu`,
+              onClick: (r) => {
+                e[0].props?.onClick?.(r), s?.(!1), p?.();
               }
             }) : null
           ]
@@ -61,7 +65,7 @@ const E = ({ id: n, label: o, children: m }) => {
     ] }) });
   }
 );
-L.displayName = "NavigationItemTrigger";
+H.displayName = "NavigationItemTrigger";
 export {
-  L as default
+  H as default
 };

package/dist/index.d.ts

@@ -66,6 +66,7 @@ export * from './components/FavoritingTileButton';
 export * from './components/Filter';
 export * from './components/Icon';
 export * from './components/TextArea';
+export * from './patterns/AccountPageHeader';
 export * from './patterns/BidSnapshot';
 export * from './patterns/FilterMenu';
 export * from './patterns/ObjectTile';

package/dist/index.js

@@ -1,198 +1,201 @@
-import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, generatePaddingClassName as u, getCommonProps as i, noOp as n, px as x, useNormalizedInputProps as g } from "./utils/index.js";
-import { default as S } from "./pages/Page.js";
-import { SSRMediaQuery as T, ssrMediaQueryStyle as L } from "./providers/SeldonProvider/utils.js";
-import { usePendingState as P } from "./utils/hooks.js";
-import { AuctionStatus as I, LotStatus as V, SupportedLanguages as b } from "./types/commonTypes.js";
-import { default as k } from "./components/Button/Button.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as n, noOp as x, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { default as C } from "./pages/Page.js";
+import { SSRMediaQuery as B, ssrMediaQueryStyle as L } from "./providers/SeldonProvider/utils.js";
+import { usePendingState as A } from "./utils/hooks.js";
+import { AuctionStatus as V, LotStatus as b, SupportedLanguages as h } from "./types/commonTypes.js";
+import { default as w } from "./components/Button/Button.js";
 import { ButtonVariants as v } from "./components/Button/types.js";
 import { default as D } from "./components/IconButton/IconButton.js";
-import { default as H } from "./components/Accordion/Accordion.js";
-import { default as N } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as E, AccordionVariants as G } from "./components/Accordion/types.js";
-import { default as R } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as M } from "./components/Accordion/Accordion.js";
+import { default as E } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as G, AccordionVariants as O } from "./components/Accordion/types.js";
+import { default as Q } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as j } from "./components/Icon/Icon.js";
-import { default as W } from "./components/Carousel/Carousel.js";
-import { default as Z } from "./components/Carousel/CarouselArrows.js";
-import { default as J } from "./components/Carousel/CarouselContent.js";
-import { default as X } from "./components/Carousel/CarouselItem.js";
-import { default as $ } from "./components/Carousel/CarouselDots.js";
-import { default as te } from "./components/Collapsible/Collapsible.js";
-import { default as re } from "./components/Collapsible/CollapsibleContent.js";
-import { default as fe } from "./components/Collapsible/CollapsibleTrigger.js";
-import { default as le } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as me } from "./components/ContentPeek/utils.js";
-import { default as ue } from "./components/Detail/Detail.js";
-import { default as ne } from "./components/Drawer/Drawer.js";
-import { default as ge } from "./components/Dropdown/Dropdown.js";
-import { default as Se } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { Grid as Te } from "./components/Grid/Grid.js";
-import { default as Be } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as Ae } from "./components/GridItem/types.js";
-import { default as Ve } from "./components/Input/Input.js";
-import { default as he } from "./components/Link/Link.js";
-import { LinkVariants as we } from "./components/Link/types.js";
-import { default as ye } from "./components/LinkBlock/LinkBlock.js";
+import { default as z } from "./components/Icon/Icon.js";
+import { default as Y } from "./components/Carousel/Carousel.js";
+import { default as q } from "./components/Carousel/CarouselArrows.js";
+import { default as K } from "./components/Carousel/CarouselContent.js";
+import { default as _ } from "./components/Carousel/CarouselItem.js";
+import { default as ee } from "./components/Carousel/CarouselDots.js";
+import { default as oe } from "./components/Collapsible/Collapsible.js";
+import { default as ae } from "./components/Collapsible/CollapsibleContent.js";
+import { default as se } from "./components/Collapsible/CollapsibleTrigger.js";
+import { default as de } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as pe } from "./components/ContentPeek/utils.js";
+import { default as ie } from "./components/Detail/Detail.js";
+import { default as xe } from "./components/Drawer/Drawer.js";
+import { default as ce } from "./components/Dropdown/Dropdown.js";
+import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { Grid as Be } from "./components/Grid/Grid.js";
+import { default as Pe } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as Ie } from "./components/GridItem/types.js";
+import { default as be } from "./components/Input/Input.js";
+import { default as ke } from "./components/Link/Link.js";
+import { LinkVariants as ye } from "./components/Link/types.js";
+import { default as He } from "./components/LinkBlock/LinkBlock.js";
 import { default as Fe } from "./components/LinkList/LinkList.js";
-import { default as Me } from "./components/Modal/Modal.js";
+import { default as Ne } from "./components/Modal/Modal.js";
 import { default as Ue } from "./components/Navigation/Navigation.js";
-import { default as Ge } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Re } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as je } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as We } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Ze } from "./components/Pagination/Pagination.js";
-import { default as Je } from "./components/PinchZoom/PinchZoom.js";
-import { default as Xe } from "./components/Row/Row.js";
-import { default as $e } from "./components/Search/Search.js";
-import { default as tt } from "./components/SeldonImage/SeldonImage.js";
-import { default as rt } from "./components/Select/Select.js";
-import { SelectVariants as ft } from "./components/Select/types.js";
-import { default as lt } from "./components/SplitPanel/SplitPanel.js";
-import { default as mt } from "./components/Tabs/TabsContainer.js";
-import { default as ut } from "./components/Tabs/TabsContent.js";
-import { Tag as nt, default as xt } from "./components/Tags/Tags.js";
-import { TextAlignments as ct, TextVariants as St } from "./components/Text/types.js";
-import { default as Tt } from "./components/Text/Text.js";
-import { TextSymbolVariants as Bt } from "./components/TextSymbol/types.js";
-import { default as At } from "./components/TextSymbol/TextSymbol.js";
-import { default as Vt } from "./components/Video/Video.js";
-import { default as ht } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as wt } from "./patterns/DetailList/types.js";
-import { default as yt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
+import { default as Oe } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as Qe } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as ze } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as Ye } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as qe } from "./components/Pagination/Pagination.js";
+import { default as Ke } from "./components/PinchZoom/PinchZoom.js";
+import { default as _e } from "./components/Row/Row.js";
+import { default as et } from "./components/Search/Search.js";
+import { default as ot } from "./components/SeldonImage/SeldonImage.js";
+import { default as at } from "./components/Select/Select.js";
+import { SelectVariants as st } from "./components/Select/types.js";
+import { default as dt } from "./components/SplitPanel/SplitPanel.js";
+import { default as pt } from "./components/Tabs/TabsContainer.js";
+import { default as it } from "./components/Tabs/TabsContent.js";
+import { Tag as xt, default as gt } from "./components/Tags/Tags.js";
+import { TextAlignments as St, TextVariants as Ct } from "./components/Text/types.js";
+import { default as Bt } from "./components/Text/Text.js";
+import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
+import { default as It } from "./components/TextSymbol/TextSymbol.js";
+import { default as bt } from "./components/Video/Video.js";
+import { default as kt } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as yt } from "./patterns/DetailList/types.js";
+import { default as Ht } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
 import { default as Ft } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as Mt } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as Nt } from "./patterns/LanguageSelector/LanguageSelector.js";
 import { default as Ut } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as Rt } from "./patterns/Social/Social.js";
-import { default as jt } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as Wt } from "./patterns/Subscribe/types.js";
-import { AuthState as Zt } from "./patterns/UserManagement/types.js";
-import { default as Jt } from "./patterns/UserManagement/UserManagement.js";
-import { default as Xt } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { default as $t } from "./patterns/ViewingsList/ViewingsList.js";
-import { SeldonProvider as to } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as ro } from "./site-furniture/Footer/Footer.js";
-import { default as fo } from "./site-furniture/Header/Header.js";
-import { default as lo } from "./components/Article/Article.js";
-import { default as po } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as io } from "./components/Countdown/types.js";
-import { default as xo } from "./components/Divider/Divider.js";
-import { default as co } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Co } from "./components/Filter/Filter.js";
+import { default as Ot } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as Qt } from "./patterns/Social/Social.js";
+import { default as zt } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as Yt } from "./patterns/Subscribe/types.js";
+import { AuthState as qt } from "./patterns/UserManagement/types.js";
+import { default as Kt } from "./patterns/UserManagement/UserManagement.js";
+import { default as _t } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { default as eo } from "./patterns/ViewingsList/ViewingsList.js";
+import { SeldonProvider as oo } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as ao } from "./site-furniture/Footer/Footer.js";
+import { default as so } from "./site-furniture/Header/Header.js";
+import { default as mo } from "./components/Article/Article.js";
+import { default as uo } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as no } from "./components/Countdown/types.js";
+import { default as go } from "./components/Divider/Divider.js";
+import { default as So } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as To } from "./components/Filter/Filter.js";
 import { default as Lo } from "./components/Filter/FilterInput.js";
-import { default as Po } from "./components/Filter/FilterHeader.js";
-import { default as Io } from "./components/TextArea/TextArea.js";
-import { default as bo } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as ko } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as vo, BidStatusEnum as yo } from "./patterns/BidSnapshot/types.js";
-import { default as Fo } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as Mo } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as Ao } from "./components/Filter/FilterHeader.js";
+import { default as Vo } from "./components/TextArea/TextArea.js";
+import { default as ho } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as wo } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as vo } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Do, BidStatusEnum as Fo } from "./patterns/BidSnapshot/types.js";
+import { default as No } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as Uo } from "./patterns/ObjectTile/ObjectTile.js";
 export {
-  H as Accordion,
-  N as AccordionItem,
-  E as AccordionItemVariant,
-  G as AccordionVariants,
-  lo as Article,
-  I as AuctionStatus,
-  Zt as AuthState,
-  ko as BidMessage,
-  vo as BidMessageVariants,
-  bo as BidSnapshot,
-  yo as BidStatusEnum,
-  R as Breadcrumb,
-  k as Button,
+  M as Accordion,
+  E as AccordionItem,
+  G as AccordionItemVariant,
+  O as AccordionVariants,
+  ho as AccountPageHeader,
+  mo as Article,
+  V as AuctionStatus,
+  qt as AuthState,
+  vo as BidMessage,
+  Do as BidMessageVariants,
+  wo as BidSnapshot,
+  Fo as BidStatusEnum,
+  Q as Breadcrumb,
+  w as Button,
   v as ButtonVariants,
-  W as Carousel,
-  Z as CarouselArrows,
-  J as CarouselContent,
-  $ as CarouselDots,
-  X as CarouselItem,
-  te as Collapsible,
-  re as CollapsibleContent,
-  fe as CollapsibleTrigger,
-  le as ContentPeek,
-  me as ContentPeekHeightUnits,
-  po as Countdown,
-  io as CountdownVariants,
-  ue as Detail,
-  ht as DetailList,
-  wt as DetailListAlignment,
-  xo as Divider,
-  ne as Drawer,
-  ge as Dropdown,
-  Se as ErrorBoundary,
-  yt as FavoritesCollectionTile,
-  co as FavoritingTileButton,
-  Co as Filter,
-  Po as FilterHeader,
+  Y as Carousel,
+  q as CarouselArrows,
+  K as CarouselContent,
+  ee as CarouselDots,
+  _ as CarouselItem,
+  oe as Collapsible,
+  ae as CollapsibleContent,
+  se as CollapsibleTrigger,
+  de as ContentPeek,
+  pe as ContentPeekHeightUnits,
+  uo as Countdown,
+  no as CountdownVariants,
+  ie as Detail,
+  kt as DetailList,
+  yt as DetailListAlignment,
+  go as Divider,
+  xe as Drawer,
+  ce as Dropdown,
+  Ce as ErrorBoundary,
+  Ht as FavoritesCollectionTile,
+  So as FavoritingTileButton,
+  To as Filter,
+  Ao as FilterHeader,
   Lo as FilterInput,
-  Fo as FilterMenu,
-  ro as Footer,
-  Te as Grid,
-  Be as GridItem,
-  Ae as GridItemAlign,
-  fo as Header,
+  No as FilterMenu,
+  ao as Footer,
+  Be as Grid,
+  Pe as GridItem,
+  Ie as GridItemAlign,
+  so as Header,
   Ft as HeroBanner,
-  j as Icon,
+  z as Icon,
   D as IconButton,
-  Ve as Input,
-  Mt as LanguageSelector,
-  he as Link,
-  ye as LinkBlock,
+  be as Input,
+  Nt as LanguageSelector,
+  ke as Link,
+  He as LinkBlock,
   Fe as LinkList,
-  we as LinkVariants,
-  V as LotStatus,
-  Me as Modal,
+  ye as LinkVariants,
+  b as LotStatus,
+  Ne as Modal,
   Ue as Navigation,
-  Ge as NavigationItem,
-  Re as NavigationItemTrigger,
-  je as NavigationList,
-  Mo as ObjectTile,
+  Oe as NavigationItem,
+  Qe as NavigationItemTrigger,
+  ze as NavigationList,
+  Uo as ObjectTile,
   a as PaddingTokens,
-  S as Page,
-  We as PageContentWrapper,
-  Ze as Pagination,
-  Je as PinchZoom,
-  Xe as Row,
-  T as SSRMediaQuery,
+  C as Page,
+  Ye as PageContentWrapper,
+  qe as Pagination,
+  Ke as PinchZoom,
+  _e as Row,
+  B as SSRMediaQuery,
   Ut as SaleHeaderBanner,
-  Gt as SaleHeaderBrowseAuctions,
-  $e as Search,
-  tt as SeldonImage,
-  to as SeldonProvider,
-  rt as Select,
-  ft as SelectVariants,
-  Rt as Social,
+  Ot as SaleHeaderBrowseAuctions,
+  et as Search,
+  ot as SeldonImage,
+  oo as SeldonProvider,
+  at as Select,
+  st as SelectVariants,
+  Qt as Social,
   f as SpacingTokens,
-  lt as SplitPanel,
-  Xt as StatefulViewingsList,
-  jt as Subscribe,
-  Wt as SubscriptionState,
-  b as SupportedLanguages,
-  mt as TabsContainer,
-  ut as TabsContent,
-  nt as Tag,
-  xt as TagsList,
-  Tt as Text,
-  ct as TextAlignments,
-  Io as TextArea,
-  Bt as TextSymbolVariants,
-  At as TextSymbols,
-  St as TextVariants,
-  Jt as UserManagement,
-  Vt as Video,
-  $t as ViewingsList,
+  dt as SplitPanel,
+  _t as StatefulViewingsList,
+  zt as Subscribe,
+  Yt as SubscriptionState,
+  h as SupportedLanguages,
+  pt as TabsContainer,
+  it as TabsContent,
+  xt as Tag,
+  gt as TagsList,
+  Bt as Text,
+  St as TextAlignments,
+  Vo as TextArea,
+  Pt as TextSymbolVariants,
+  It as TextSymbols,
+  Ct as TextVariants,
+  Kt as UserManagement,
+  bt as Video,
+  eo as ViewingsList,
   s as defaultYear,
   l as emailValidation,
   d as encodeURLSearchParams,
   m as findChildrenExcludingTypes,
   p as findChildrenOfType,
-  u as generatePaddingClassName,
-  i as getCommonProps,
-  n as noOp,
-  x as px,
+  u as focusElementById,
+  i as generatePaddingClassName,
+  n as getCommonProps,
+  x as noOp,
+  g as px,
   L as ssrMediaQueryStyle,
-  g as useNormalizedInputProps,
-  P as usePendingState
+  c as useNormalizedInputProps,
+  A as usePendingState
 };

package/dist/patterns/AccountPageHeader/AccountPageHeader.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps } from 'react';
+import { IconName } from '../../components/Icon';
+export interface AccountPageHeaderProps extends ComponentProps<'div'> {
+    /** The main title displayed at the top of the account page */
+    title: string;
+    /** Optional subtitle text that appears below the main title */
+    subheader?: string;
+    /**
+     * Array of action buttons to display in the header
+     * @property {string} [label] - Optional text to display on the button
+     * @property {string} ariaLabel - Accessible label for the button
+     * @property {IconName} icon - Icon to display on the button
+     * @property {() => void} onClick - Function to call when the button is clicked
+     * @property {boolean} [isPrimary] - When true, renders as a regular button; when false or undefined, renders as an icon button
+     */
+    actionButtons?: Array<{
+        label?: string;
+        ariaLabel: string;
+        icon: IconName;
+        onClick: () => void;
+        isPrimary?: boolean;
+    }>;
+    /** Optional text displayed above the title */
+    overline?: string;
+    /**
+     * Show or hide the bottom divider
+     * @default true
+     */
+    showDivider?: boolean;
+}
+/**
+ * ## Overview
+ *
+ * AccountPageHeader is the component that displays at the top of each page in the account section.
+ *
+ * [Figma Link, Click into the playground for more details](https://www.figma.com/design/rIefa3bRPyZbZmtyV9PSQv/My-Account?node-id=497-47896&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/patterns-accountpageheader--overview)
+ */
+declare const AccountPageHeader: import('react').ForwardRefExoticComponent<Omit<AccountPageHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default AccountPageHeader;

package/dist/patterns/AccountPageHeader/AccountPageHeader.js

@@ -0,0 +1,42 @@
+import { jsxs as n, jsx as r, Fragment as p } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import { getCommonProps as $ } from "../../utils/index.js";
+import k from "../../node_modules/classnames/index.js";
+import l from "../../components/Text/Text.js";
+import { TextVariants as c } from "../../components/Text/types.js";
+import y from "../../components/Divider/Divider.js";
+import x from "../../components/Button/Button.js";
+import { ButtonVariants as L } from "../../components/Button/types.js";
+import m from "../../components/Icon/Icon.js";
+import h from "../../components/IconButton/IconButton.js";
+import { SSRMediaQuery as f } from "../../providers/SeldonProvider/utils.js";
+const T = P(
+  ({ className: _, title: v, subheader: t, actionButtons: o, overline: s, showDivider: N = !0, ...g }, u) => {
+    const { className: e, ...C } = $(g, "AccountPageHeader"), i = o?.find((a) => a.isPrimary), d = o?.filter((a) => !a.isPrimary), b = () => /* @__PURE__ */ n("div", { className: `${e}__button-wrapper`, children: [
+      d && /* @__PURE__ */ r(p, { children: d.map((a) => /* @__PURE__ */ r(h, { onClick: a.onClick, "aria-label": a.ariaLabel, children: /* @__PURE__ */ r(m, { icon: a.icon, "aria-label": a.ariaLabel, title: a.ariaLabel }) }, `icon-button-${a.icon}`)) }),
+      i && /* @__PURE__ */ n(p, { children: [
+        /* @__PURE__ */ r(f.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ n(x, { variant: L.secondary, onClick: i.onClick, children: [
+          /* @__PURE__ */ r(m, { icon: i.icon }),
+          " ",
+          i.label
+        ] }) }),
+        /* @__PURE__ */ r(f.Media, { lessThan: "md", children: /* @__PURE__ */ r(h, { onClick: i.onClick, "aria-label": i.ariaLabel, children: /* @__PURE__ */ r(m, { icon: i.icon, title: i.ariaLabel }) }) })
+      ] })
+    ] });
+    return /* @__PURE__ */ n("div", { ...C, className: k(e, _), ref: u, children: [
+      /* @__PURE__ */ n("div", { className: `${e}__container`, children: [
+        s && /* @__PURE__ */ r(l, { variant: c.string2, className: `${e}__overline`, children: s }),
+        /* @__PURE__ */ n("div", { className: `${e}__header`, children: [
+          /* @__PURE__ */ r(l, { variant: c.title1, children: v }),
+          o && o.length > 0 && b()
+        ] }),
+        t && /* @__PURE__ */ r(l, { variant: c.string2, className: `${e}__subheader`, children: t })
+      ] }),
+      N && /* @__PURE__ */ r(y, { className: `${e}__divider` })
+    ] });
+  }
+);
+T.displayName = "AccountPageHeader";
+export {
+  T as default
+};

package/dist/patterns/AccountPageHeader/AccountPageHeader.stories.d.ts

@@ -0,0 +1,34 @@
+import { AccountPageHeaderProps } from './AccountPageHeader';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<AccountPageHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    args: {
+        showDivider: true;
+    };
+};
+export default meta;
+export declare const Playground: {
+    (props: AccountPageHeaderProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        subheader: string;
+        overline: string;
+        actionButtons: ({
+            label: string;
+            ariaLabel: string;
+            icon: string;
+            onClick: () => void;
+            isPrimary: boolean;
+        } | {
+            ariaLabel: string;
+            icon: string;
+            onClick: () => void;
+            label?: undefined;
+            isPrimary?: undefined;
+        })[];
+    };
+};
+export declare const Details: () => import("react/jsx-runtime").JSX.Element;
+export declare const Bids: () => import("react/jsx-runtime").JSX.Element;
+export declare const FavoritesAndLists: () => import("react/jsx-runtime").JSX.Element;
+export declare const List: () => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/AccountPageHeader/AccountPageHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/patterns/AccountPageHeader/index.d.ts

@@ -0,0 +1 @@
+export { default as AccountPageHeader, type AccountPageHeaderProps } from './AccountPageHeader';

package/dist/scss/componentStyles.scss

@@ -61,6 +61,7 @@
 @use 'patterns/BidSnapshot/bidSnapshot';
 @use 'patterns/FilterMenu/filterMenu';
 @use 'patterns/DetailList/detailList';
+@use 'patterns/AccountPageHeader/accountPageHeader';
 @use 'patterns/FavoritesCollectionTile/favoritesCollectionTile';
 
 // Site Furniture

package/dist/scss/components/IconButton/_iconButton.scss

@@ -20,7 +20,7 @@
   &:focus-visible {
     &:focus-visible {
       outline: 0.5px solid $soft-black;
-      outline-offset: -4.5px;
+      outline-offset: 0;
 
       svg {
         fill: $pure-white;
@@ -49,7 +49,7 @@
         color: $pure-white;
 
         path {
-          color: $pure-white;
+          fill: $pure-white;
         }
       }
     }

package/dist/scss/components/Navigation/NavigationList/_navigationList.scss

@@ -8,6 +8,10 @@ $top-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   justify-content: left;
   opacity: 1;
 
+  &:focus {
+    outline: none;
+  }
+
   &--offscreen {
     opacity: 0;
     pointer-events: none;

package/dist/scss/patterns/AccountPageHeader/_accountPageHeader.scss

@@ -0,0 +1,33 @@
+@use '../../allPartials' as *;
+
+.#{$px}-account-page-header {
+  &__container {
+    display: flex;
+    flex-direction: column;
+    gap: $spacing-xsm;
+    width: 100%;
+  }
+
+  &__header {
+    align-items: center;
+    display: flex;
+    gap: $spacing-md;
+    justify-content: space-between;
+  }
+
+  &__overline {
+    color: $button-hover;
+    font-variation-settings: 'wght' 600;
+  }
+
+  &__button-wrapper {
+    align-items: center;
+    display: flex;
+    gap: $spacing-sm;
+    justify-content: center;
+  }
+
+  &__divider.seldon-divider {
+    margin: $spacing-md 0;
+  }
+}

package/dist/site-furniture/Header/Header.stories.d.ts

@@ -1,6 +1,6 @@
-import { HeaderProps } from './Header';
-import { AuthState } from '../../patterns/UserManagement/types';
 import { default as React } from 'react';
+import { AuthState } from '../../patterns/UserManagement/types';
+import { HeaderProps } from './Header';
 declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<HeaderProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/utils/index.d.ts

@@ -102,4 +102,5 @@ export declare const emailValidation: (email: string) => boolean;
 export declare const findChildrenOfType: <ComponentProps>(children: React.ReactNode, componentType?: React.ElementType, inverse?: boolean) => React.ReactElement<ComponentProps, string | React.JSXElementConstructor<any>>[] | null;
 export declare const findChildrenExcludingTypes: <ComponentProps>(children: React.ReactNode, excludedTypes: React.ElementType[]) => React.ReactElement<ComponentProps, string | React.JSXElementConstructor<any>>[] | null;
 export declare const encodeURLSearchParams: (url: string) => string;
+export declare const focusElementById: (elementId: string, focus: boolean) => void;
 export {};

package/dist/utils/index.js

@@ -9,7 +9,7 @@ const s = "seldon", v = ({ id: e, ...r }, n) => {
     className: `${s}-${t}`
   };
 };
-var x = /* @__PURE__ */ ((e) => (e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(x || {}), f = /* @__PURE__ */ ((e) => (e.micro = "micro", e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(f || {});
+var f = /* @__PURE__ */ ((e) => (e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(f || {}), x = /* @__PURE__ */ ((e) => (e.micro = "micro", e.xs = "xs", e.sm = "sm", e.md = "md", e.lg = "lg", e.xl = "xl", e.xxl = "xxl", e))(x || {});
 const C = () => {
 };
 function g({
@@ -33,7 +33,7 @@ function g({
   };
   return l.invalid && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${o}-input--invalid`, id: l.invalidId, children: t })), l.warn && (l.validation = /* @__PURE__ */ d("div", { className: `${s}-input__validation ${s}-${o}-input--warn`, id: l.warnId, children: m })), l;
 }
-const w = (/* @__PURE__ */ new Date()).getFullYear(), h = (e, r = "end", n = "vertical") => `${s}-padding-${n}-${e}-${r}`, y = (e) => /(.+)@(.+){2,}\.(.+){2,}/i.test(e), I = (e, r, n = !1) => {
+const y = (/* @__PURE__ */ new Date()).getFullYear(), w = (e, r = "end", n = "vertical") => `${s}-padding-${n}-${e}-${r}`, I = (e) => /(.+)@(.+){2,}\.(.+){2,}/i.test(e), h = (e, r, n = !1) => {
   const t = c.Children.toArray(e).filter((a) => a && a.type === r && !n ? a : a && a.type !== r && n);
   return t.length > 0 ? t : null;
 }, N = (e, r) => {
@@ -45,16 +45,20 @@ const w = (/* @__PURE__ */ new Date()).getFullYear(), h = (e, r = "end", n = "ve
 }, R = (e) => {
   const r = e.split("?"), n = new URLSearchParams(r[1]), a = Array.from(n.entries()).map(([i, m]) => [i, encodeURIComponent(m)]).map(([i, m]) => `${i}=${m}`).join("&");
   return `${r[0]}?${a}`;
+}, b = (e, r) => {
+  const n = document.getElementById(e);
+  n && r ? n.focus() : n && n.blur();
 };
 export {
-  x as PaddingTokens,
-  f as SpacingTokens,
-  w as defaultYear,
-  y as emailValidation,
+  f as PaddingTokens,
+  x as SpacingTokens,
+  y as defaultYear,
+  I as emailValidation,
   R as encodeURLSearchParams,
   N as findChildrenExcludingTypes,
-  I as findChildrenOfType,
-  h as generatePaddingClassName,
+  h as findChildrenOfType,
+  b as focusElementById,
+  w as generatePaddingClassName,
   v as getCommonProps,
   C as noOp,
   s as px,

package/dist/utils/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.140.0",
+  "version": "1.142.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"