@phillips/seldon 1.259.0 → 1.261.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/components/Banner/Banner.cjs +1 -0
  2. package/dist/components/Banner/Banner.d.ts +27 -0
  3. package/dist/components/Banner/Banner.js +70 -0
  4. package/dist/components/Banner/Banner.stories.d.ts +65 -0
  5. package/dist/components/Banner/Banner.test.d.ts +1 -0
  6. package/dist/components/Banner/index.d.ts +2 -0
  7. package/dist/components/Banner/types.cjs +1 -0
  8. package/dist/components/Banner/types.d.ts +8 -0
  9. package/dist/components/Banner/types.js +5 -0
  10. package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
  11. package/dist/components/Breadcrumb/Breadcrumb.js +20 -19
  12. package/dist/components/Input/utils.cjs +1 -1
  13. package/dist/components/Input/utils.js +3 -2
  14. package/dist/components/Navigation/Navigation.cjs +1 -1
  15. package/dist/components/Navigation/Navigation.js +30 -29
  16. package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs +1 -1
  17. package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js +28 -27
  18. package/dist/components/Tabs/TabsContainer.cjs +1 -1
  19. package/dist/components/Tabs/TabsContainer.d.ts +1 -1
  20. package/dist/components/Tabs/TabsContainer.js +12 -12
  21. package/dist/index.cjs +1 -1
  22. package/dist/index.d.ts +1 -0
  23. package/dist/index.js +247 -240
  24. package/dist/patterns/AccountPageHeader/AccountPageHeader.cjs +1 -1
  25. package/dist/patterns/AccountPageHeader/AccountPageHeader.js +27 -26
  26. package/dist/patterns/FiltersInline/SubFilterDropdown.cjs +1 -1
  27. package/dist/patterns/FiltersInline/SubFilterDropdown.js +38 -37
  28. package/dist/patterns/LanguageSelector/LanguageSelector.cjs +1 -1
  29. package/dist/patterns/LanguageSelector/LanguageSelector.js +31 -30
  30. package/dist/patterns/SaleCard/SaleCard.cjs +1 -1
  31. package/dist/patterns/SaleCard/SaleCard.js +19 -18
  32. package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs +1 -1
  33. package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js +70 -66
  34. package/dist/providers/SeldonProvider/utils.d.ts +1 -1
  35. package/dist/scss/componentStyles.scss +1 -0
  36. package/dist/scss/components/Banner/_banner.scss +185 -0
  37. package/dist/scss/patterns/SaleHeaderBanner/_saleHeaderBanner.scss +10 -16
  38. package/dist/site-furniture/Header/Header.cjs +1 -1
  39. package/dist/site-furniture/Header/Header.js +15 -14
  40. package/dist/utils/constants.cjs +1 -1
  41. package/dist/utils/constants.d.ts +7 -0
  42. package/dist/utils/constants.js +7 -4
  43. package/dist/utils/index.d.ts +1 -1
  44. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),i=require("../../_virtual/index.cjs"),o=require("react"),_=require("../../utils/index.cjs"),c=require("../Text/types.cjs"),m=require("../Text/Text.cjs"),l=require("./types.cjs"),t=`${_.px}-banner`,f=o.forwardRef(({children:n,className:r,variant:e=l.BannerVariants.top,id:a,...d},u)=>{const{className:B,...R}=_.getCommonProps({id:a,...d},"Banner");return s.jsx("article",{...R,...d,id:a,ref:u,className:i.default(B,r,{[`${B}--${e}`]:e}),children:s.jsx("div",{className:`${t}__inner`,children:n})})}),N=o.forwardRef(({children:n,className:r,size:e=l.BannerMediaSize.third,...a},d)=>{const u=e===l.BannerMediaSize.half?"1-2":"1-3";return s.jsx("div",{...a,ref:d,className:i.default(`${t}__media`,`${t}__media--${u}`,r),children:n})}),x=o.forwardRef(({children:n,className:r,...e},a)=>s.jsx("div",{...e,ref:a,className:i.default(`${t}__body`,r),children:n})),p=o.forwardRef(({className:n,variant:r=c.TextVariants.labelSmall,...e},a)=>s.jsx(m.default,{...e,ref:a,variant:r,className:i.default(`${t}__eyebrow`,n)})),y=o.forwardRef(({className:n,element:r="h3",variant:e=c.TextVariants.headingMedium,...a},d)=>s.jsx(m.default,{...a,ref:d,variant:e,element:r,className:i.default(`${t}__title`,n)})),$=o.forwardRef(({className:n,variant:r=c.TextVariants.bodyMedium,...e},a)=>s.jsx(m.default,{...e,ref:a,variant:r,className:i.default(`${t}__description`,n)})),b=o.forwardRef(({className:n,variant:r=c.TextVariants.linkMedium,...e},a)=>s.jsx(m.default,{...e,ref:a,variant:r,className:i.default(`${t}__cta`,n)})),M=o.forwardRef(({className:n,alt:r="",...e},a)=>s.jsx("img",{...e,ref:a,alt:r,className:i.default(`${t}__media-img`,n)}));f.displayName="Banner.Root";N.displayName="Banner.Media";x.displayName="Banner.Content";p.displayName="Banner.Eyebrow";y.displayName="Banner.Title";$.displayName="Banner.Description";b.displayName="Banner.Cta";M.displayName="Banner.Image";const j=Object.assign(f,{Root:f,Media:N,Content:x,Eyebrow:p,Title:y,Description:$,Cta:b,Image:M});exports.BannerMediaSize=l.BannerMediaSize;exports.BannerVariants=l.BannerVariants;exports.default=j;
@@ -0,0 +1,27 @@
1
+ import { ComponentProps } from 'react';
2
+ import { TextProps } from '../Text';
3
+ import { BannerMediaSize, BannerVariants } from './types';
4
+ export { BannerMediaSize, BannerVariants } from './types';
5
+ export interface BannerRootProps extends ComponentProps<'article'> {
6
+ /**
7
+ * Visual variant for the banner root.
8
+ * - `inline`: bordered row chrome (border-top / border-bottom).
9
+ * - `top`: Usually rendered at the top of a page, stacked layout (image above content) below 961px; side-by-side from 961px up.
10
+ */
11
+ variant?: BannerVariants;
12
+ }
13
+ export type BannerMediaProps = ComponentProps<'div'> & {
14
+ /** Flex-basis for the media column from `snw-mobile` up. */
15
+ size?: BannerMediaSize;
16
+ };
17
+ declare const Banner: import('react').ForwardRefExoticComponent<Omit<BannerRootProps, "ref"> & import('react').RefAttributes<HTMLElement>> & {
18
+ Root: import('react').ForwardRefExoticComponent<Omit<BannerRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
19
+ Media: import('react').ForwardRefExoticComponent<Omit<BannerMediaProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
20
+ Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
21
+ Eyebrow: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
22
+ Title: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
23
+ Description: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
24
+ Cta: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
25
+ Image: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
26
+ };
27
+ export default Banner;
@@ -0,0 +1,70 @@
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import t from "../../_virtual/index.js";
3
+ import { forwardRef as i } from "react";
4
+ import { getCommonProps as u, px as h } from "../../utils/index.js";
5
+ import { TextVariants as l } from "../Text/types.js";
6
+ import c from "../Text/Text.js";
7
+ import { BannerVariants as w, BannerMediaSize as N } from "./types.js";
8
+ const o = `${h}-banner`, p = i(
9
+ ({ children: n, className: s, variant: a = w.top, id: e, ...m }, d) => {
10
+ const { className: B, ...M } = u({ id: e, ...m }, "Banner");
11
+ return /* @__PURE__ */ r(
12
+ "article",
13
+ {
14
+ ...M,
15
+ ...m,
16
+ id: e,
17
+ ref: d,
18
+ className: t(B, s, {
19
+ [`${B}--${a}`]: a
20
+ }),
21
+ children: /* @__PURE__ */ r("div", { className: `${o}__inner`, children: n })
22
+ }
23
+ );
24
+ }
25
+ ), _ = i(
26
+ ({ children: n, className: s, size: a = N.third, ...e }, m) => {
27
+ const d = a === N.half ? "1-2" : "1-3";
28
+ return /* @__PURE__ */ r("div", { ...e, ref: m, className: t(`${o}__media`, `${o}__media--${d}`, s), children: n });
29
+ }
30
+ ), y = i(({ children: n, className: s, ...a }, e) => /* @__PURE__ */ r("div", { ...a, ref: e, className: t(`${o}__body`, s), children: n })), $ = i(
31
+ ({ className: n, variant: s = l.labelSmall, ...a }, e) => /* @__PURE__ */ r(c, { ...a, ref: e, variant: s, className: t(`${o}__eyebrow`, n) })
32
+ ), b = i(
33
+ ({ className: n, element: s = "h3", variant: a = l.headingMedium, ...e }, m) => /* @__PURE__ */ r(
34
+ c,
35
+ {
36
+ ...e,
37
+ ref: m,
38
+ variant: a,
39
+ element: s,
40
+ className: t(`${o}__title`, n)
41
+ }
42
+ )
43
+ ), f = i(
44
+ ({ className: n, variant: s = l.bodyMedium, ...a }, e) => /* @__PURE__ */ r(c, { ...a, ref: e, variant: s, className: t(`${o}__description`, n) })
45
+ ), g = i(
46
+ ({ className: n, variant: s = l.linkMedium, ...a }, e) => /* @__PURE__ */ r(c, { ...a, ref: e, variant: s, className: t(`${o}__cta`, n) })
47
+ ), C = i(({ className: n, alt: s = "", ...a }, e) => /* @__PURE__ */ r("img", { ...a, ref: e, alt: s, className: t(`${o}__media-img`, n) }));
48
+ p.displayName = "Banner.Root";
49
+ _.displayName = "Banner.Media";
50
+ y.displayName = "Banner.Content";
51
+ $.displayName = "Banner.Eyebrow";
52
+ b.displayName = "Banner.Title";
53
+ f.displayName = "Banner.Description";
54
+ g.displayName = "Banner.Cta";
55
+ C.displayName = "Banner.Image";
56
+ const v = Object.assign(p, {
57
+ Root: p,
58
+ Media: _,
59
+ Content: y,
60
+ Eyebrow: $,
61
+ Title: b,
62
+ Description: f,
63
+ Cta: g,
64
+ Image: C
65
+ });
66
+ export {
67
+ N as BannerMediaSize,
68
+ w as BannerVariants,
69
+ v as default
70
+ };
@@ -0,0 +1,65 @@
1
+ import { BannerRootProps } from './Banner';
2
+ import { BannerVariants } from './types';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<Omit<BannerRootProps, "ref"> & import('react').RefAttributes<HTMLElement>> & {
6
+ Root: import('react').ForwardRefExoticComponent<Omit<BannerRootProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
7
+ Media: import('react').ForwardRefExoticComponent<Omit<import('./Banner').BannerMediaProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
8
+ Content: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
9
+ Eyebrow: import('react').ForwardRefExoticComponent<import('../Text').TextProps & import('react').RefAttributes<HTMLElement>>;
10
+ Title: import('react').ForwardRefExoticComponent<import('../Text').TextProps & import('react').RefAttributes<HTMLElement>>;
11
+ Description: import('react').ForwardRefExoticComponent<import('../Text').TextProps & import('react').RefAttributes<HTMLElement>>;
12
+ Cta: import('react').ForwardRefExoticComponent<import('../Text').TextProps & import('react').RefAttributes<HTMLElement>>;
13
+ Image: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import('react').RefAttributes<HTMLImageElement>>;
14
+ };
15
+ argTypes: {
16
+ variant: {
17
+ options: BannerVariants[];
18
+ control: {
19
+ type: "select";
20
+ };
21
+ };
22
+ };
23
+ };
24
+ export default meta;
25
+ export declare const Playground: {
26
+ (props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
27
+ args: {
28
+ id: string;
29
+ };
30
+ argTypes: {
31
+ variant: {
32
+ options: BannerVariants[];
33
+ control: {
34
+ type: string;
35
+ };
36
+ };
37
+ };
38
+ };
39
+ export declare const Inline: {
40
+ (props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
41
+ args: {
42
+ id: string;
43
+ };
44
+ };
45
+ export declare const ImageHalf: {
46
+ (props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
47
+ storyName: string;
48
+ args: {
49
+ id: string;
50
+ };
51
+ };
52
+ export declare const ImageThird: {
53
+ (props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
54
+ storyName: string;
55
+ args: {
56
+ id: string;
57
+ };
58
+ };
59
+ export declare const ImageOnRight: {
60
+ (props: BannerRootProps): import("react/jsx-runtime").JSX.Element;
61
+ storyName: string;
62
+ args: {
63
+ id: string;
64
+ };
65
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ export { default as Banner, type BannerRootProps, type BannerMediaProps } from './Banner';
2
+ export { BannerVariants, BannerMediaSize } from './types';
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var r=(e=>(e.inline="inline",e.top="top",e))(r||{}),t=(e=>(e.half="1/2",e.third="1/3",e))(t||{});exports.BannerMediaSize=t;exports.BannerVariants=r;
@@ -0,0 +1,8 @@
1
+ export declare enum BannerVariants {
2
+ inline = "inline",
3
+ top = "top"
4
+ }
5
+ export declare enum BannerMediaSize {
6
+ half = "1/2",
7
+ third = "1/3"
8
+ }
@@ -0,0 +1,5 @@
1
+ var t = /* @__PURE__ */ ((r) => (r.inline = "inline", r.top = "top", r))(t || {}), l = /* @__PURE__ */ ((r) => (r.half = "1/2", r.third = "1/3", r))(l || {});
2
+ export {
3
+ l as BannerMediaSize,
4
+ t as BannerVariants
5
+ };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../utils/index.cjs"),m=require("../../_virtual/index.cjs"),h=require("./BreadcrumbItem.cjs"),u=require("../../providers/SeldonProvider/utils.cjs"),x=require("../Icon/Icon.cjs"),f=({className:i,items:r=[],truncateIndex:o,linkElement:l="a",...a})=>{const{className:s,...d}=t.getCommonProps(a,"Breadcrumb"),{id:b}=a;return e.jsxs("nav",{"aria-label":"Breadcrumb",className:m.default(s,i),...d,...a,children:[e.jsx(u.SSRMediaQuery.Media,{lessThan:"md",children:e.jsx(l,{href:r[1].href?r[1].href:"/",className:`${t.px}-icon-button ${t.px}-icon-button--primary ${s}__back-button`,"data-testid":`${b}-back-button`,children:e.jsx(x.default,{icon:"ArrowLeft"})})}),e.jsx(u.SSRMediaQuery.Media,{greaterThanOrEqual:"md",children:e.jsx("ol",{children:r.map((n,c)=>e.jsx(h.default,{href:n.href,label:n.label,element:l,isCurrent:r.length-1===c,isTruncateText:o===c},n.label))})})]})};exports.default=f;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../utils/index.cjs"),h=require("../../_virtual/index.cjs"),x=require("./BreadcrumbItem.cjs"),u=require("../../providers/SeldonProvider/utils.cjs"),f=require("../Icon/Icon.cjs"),o=require("../../utils/constants.cjs"),j=({className:i,items:r=[],truncateIndex:d,linkElement:s="a",...a})=>{const{className:c,...b}=t.getCommonProps(a,"Breadcrumb"),{id:m}=a;return e.jsxs("nav",{"aria-label":"Breadcrumb",className:h.default(c,i),...b,...a,children:[e.jsx(u.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.jsx(s,{href:r[1].href?r[1].href:"/",className:`${t.px}-icon-button ${t.px}-icon-button--primary ${c}__back-button`,"data-testid":`${m}-back-button`,children:e.jsx(f.default,{icon:"ArrowLeft"})})}),e.jsx(u.SSRMediaQuery.Media,{greaterThanOrEqual:o.Breakpoints.md,children:e.jsx("ol",{children:r.map((n,l)=>e.jsx(x.default,{href:n.href,label:n.label,element:s,isCurrent:r.length-1===l,isTruncateText:d===l},n.label))})})]})};exports.default=j;
@@ -1,40 +1,41 @@
1
- import { jsxs as f, jsx as r } from "react/jsx-runtime";
2
- import { getCommonProps as h, px as m } from "../../utils/index.js";
3
- import u from "../../_virtual/index.js";
4
- import p from "./BreadcrumbItem.js";
1
+ import { jsxs as h, jsx as r } from "react/jsx-runtime";
2
+ import { getCommonProps as u, px as l } from "../../utils/index.js";
3
+ import p from "../../_virtual/index.js";
4
+ import B from "./BreadcrumbItem.js";
5
5
  import { SSRMediaQuery as c } from "../../providers/SeldonProvider/utils.js";
6
- import x from "../Icon/Icon.js";
7
- const M = ({
8
- className: s,
6
+ import k from "../Icon/Icon.js";
7
+ import { Breakpoints as s } from "../../utils/constants.js";
8
+ const y = ({
9
+ className: i,
9
10
  items: a = [],
10
- truncateIndex: i,
11
+ truncateIndex: d,
11
12
  linkElement: n = "a",
12
13
  ...e
13
14
  }) => {
14
- const { className: t, ...d } = h(e, "Breadcrumb"), { id: b } = e;
15
- return /* @__PURE__ */ f("nav", { "aria-label": "Breadcrumb", className: u(t, s), ...d, ...e, children: [
16
- /* @__PURE__ */ r(c.Media, { lessThan: "md", children: /* @__PURE__ */ r(
15
+ const { className: t, ...b } = u(e, "Breadcrumb"), { id: f } = e;
16
+ return /* @__PURE__ */ h("nav", { "aria-label": "Breadcrumb", className: p(t, i), ...b, ...e, children: [
17
+ /* @__PURE__ */ r(c.Media, { lessThan: s.md, children: /* @__PURE__ */ r(
17
18
  n,
18
19
  {
19
20
  href: a[1].href ? a[1].href : "/",
20
- className: `${m}-icon-button ${m}-icon-button--primary ${t}__back-button`,
21
- "data-testid": `${b}-back-button`,
22
- children: /* @__PURE__ */ r(x, { icon: "ArrowLeft" })
21
+ className: `${l}-icon-button ${l}-icon-button--primary ${t}__back-button`,
22
+ "data-testid": `${f}-back-button`,
23
+ children: /* @__PURE__ */ r(k, { icon: "ArrowLeft" })
23
24
  }
24
25
  ) }),
25
- /* @__PURE__ */ r(c.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ r("ol", { children: a.map((o, l) => /* @__PURE__ */ r(
26
- p,
26
+ /* @__PURE__ */ r(c.Media, { greaterThanOrEqual: s.md, children: /* @__PURE__ */ r("ol", { children: a.map((o, m) => /* @__PURE__ */ r(
27
+ B,
27
28
  {
28
29
  href: o.href,
29
30
  label: o.label,
30
31
  element: n,
31
- isCurrent: a.length - 1 === l,
32
- isTruncateText: i === l
32
+ isCurrent: a.length - 1 === m,
33
+ isTruncateText: d === m
33
34
  },
34
35
  o.label
35
36
  )) }) })
36
37
  ] });
37
38
  };
38
39
  export {
39
- M as default
40
+ y as default
40
41
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/index.cjs");require("react/jsx-runtime");require("../../providers/SeldonProvider/utils.cjs");require("react");require("../Button/Button.cjs");require("../Card/Card.cjs");require("../IconButton/IconButton.cjs");require("../Accordion/Accordion.cjs");require("../Accordion/AccordionItem.cjs");require("../../_virtual/index.cjs");require("../Icon/Icon.cjs");require("../Carousel/Carousel.cjs");require("../Carousel/CarouselArrows.cjs");require("../Carousel/CarouselContent.cjs");require("../Carousel/CarouselItem.cjs");require("../Carousel/CarouselDots.cjs");require("../Collapsible/Collapsible.cjs");require("../Collapsible/CollapsibleContent.cjs");require("../Collapsible/CollapsibleTrigger.cjs");require("../ContentPeek/ContentPeek.cjs");require("../Detail/Detail.cjs");require("../Drawer/Drawer.cjs");require("../Dropdown/Dropdown.cjs");require("../Grid/Grid.cjs");require("../GridItem/GridItem.cjs");require("./Input.cjs");require("../Link/Link.cjs");require("../Link/types.cjs");require("../LinkBlock/LinkBlock.cjs");require("../LinkList/LinkList.cjs");require("../Modal/Modal.cjs");require("../Navigation/Navigation.cjs");require("../Navigation/NavigationItem/NavigationItem.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs");require("../Navigation/NavigationList/NavigationList.cjs");require("../Navigation/NavigationSubmenu/NavigationSubmenu.cjs");require("../Pagination/Pagination.cjs");require("../PinchZoom/PinchZoom.cjs");require("../Row/Row.cjs");require("../Search/Search.cjs");require("../SeldonImage/SeldonImage.cjs");require("../Select/Select.cjs");require("../SplitPanel/SplitPanel.cjs");require("../Tabs/TabsContainer.cjs");require("../Tabs/TabsContent.cjs");require("../Tags/Tags.cjs");require("../Text/Text.cjs");require("../TextSymbol/TextSymbol.cjs");require("../Video/Video.cjs");require("../../patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs");require("../../patterns/HeroBanner/HeroBanner.cjs");require("../../patterns/TextBanner/TextBanner.cjs");require("../../patterns/LanguageSelector/LanguageSelector.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBanner.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs");require("../../patterns/Social/Social.cjs");require("../../patterns/Subscribe/Subscribe.cjs");require("../../patterns/UserManagement/UserManagement.cjs");require("../../patterns/ViewingsList/StatefulViewingsList.cjs");require("../../patterns/ViewingsList/ViewingsList.cjs");require("../ComboBox/ComboBox.cjs");require("../ComposedModal/ComposedModal.cjs");require("../DetailList/DetailList.cjs");require("../ExitGateCard/ExitGateCard.cjs");require("../Loader/Loader.cjs");require("../PageContentWrapper/PageContentWrapper.cjs");require("../../patterns/FiltersInline/FilterButton.cjs");require("../../patterns/FiltersInline/FiltersInline.cjs");require("../../patterns/SaleCard/SaleCard.cjs");require("../../patterns/SaleCard/SaleCardActions.cjs");require("../../patterns/ViewingDetails/ViewingDetails.cjs");require("../ProgressIndicator/ProgressIndicator.cjs");require("../../site-furniture/Header/Header.cjs");require("../AddToCalendar/AddToCalendar.cjs");require("../Article/Article.cjs");require("../Countdown/Countdown.cjs");require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs");require("../DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs");require("../Divider/Divider.cjs");require("../FavoritingTileButton/FavoritingTileButton.cjs");require("../Filter/Filter.cjs");require("../Filter/FilterInput.cjs");require("../Filter/FilterHeader.cjs");require("../NotificationBanner/NotificationBanner.cjs");require("../Pictogram/Pictogram.cjs");require("../TextArea/TextArea.cjs");require("../Toast/Toast.cjs");require("../Toast/ToastContextProvider.cjs");require("../../patterns/AccountPageHeader/AccountPageHeader.cjs");require("../../patterns/BidSnapshot/BidSnapshot.cjs");require("../../patterns/FilterMenu/FilterMenu.cjs");require("../../patterns/ObjectTile/ObjectTile.cjs");require("../../patterns/CountryPicker/CountryPicker.cjs");require("../../patterns/ProgressWizard/ProgressWizard.cjs");require("../../patterns/ProgressWizard/types.cjs");require("../../patterns/PhoneNumberInput/PhoneNumberInput.cjs");const r=()=>({adornment:`${e.px}-input__wrapper__adornment`,emptyValidation:`${e.px}-input__empty-validation`,input:`${e.px}-input__input`,label:`${e.px}-input__label`,labelHidden:`${e.px}-input__label--hidden`,skeleton:`${e.px}-skeleton`,validation:`${e.px}-input__validation`,wrapper:`${e.px}-input__wrapper`,wrapperInput:`${e.px}-input__wrapper__input`});exports.getInputClassNames=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils/index.cjs");require("react/jsx-runtime");require("../../providers/SeldonProvider/utils.cjs");require("react");require("../Button/Button.cjs");require("../Banner/Banner.cjs");require("../Card/Card.cjs");require("../IconButton/IconButton.cjs");require("../Accordion/Accordion.cjs");require("../Accordion/AccordionItem.cjs");require("../../_virtual/index.cjs");require("../Icon/Icon.cjs");require("../Carousel/Carousel.cjs");require("../Carousel/CarouselArrows.cjs");require("../Carousel/CarouselContent.cjs");require("../Carousel/CarouselItem.cjs");require("../Carousel/CarouselDots.cjs");require("../Collapsible/Collapsible.cjs");require("../Collapsible/CollapsibleContent.cjs");require("../Collapsible/CollapsibleTrigger.cjs");require("../ContentPeek/ContentPeek.cjs");require("../Detail/Detail.cjs");require("../Drawer/Drawer.cjs");require("../Dropdown/Dropdown.cjs");require("../Grid/Grid.cjs");require("../GridItem/GridItem.cjs");require("./Input.cjs");require("../Link/Link.cjs");require("../Link/types.cjs");require("../LinkBlock/LinkBlock.cjs");require("../LinkList/LinkList.cjs");require("../Modal/Modal.cjs");require("../Navigation/Navigation.cjs");require("../Navigation/NavigationItem/NavigationItem.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs");require("../Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs");require("../Navigation/NavigationList/NavigationList.cjs");require("../Navigation/NavigationSubmenu/NavigationSubmenu.cjs");require("../Pagination/Pagination.cjs");require("../PinchZoom/PinchZoom.cjs");require("../Row/Row.cjs");require("../Search/Search.cjs");require("../SeldonImage/SeldonImage.cjs");require("../Select/Select.cjs");require("../SplitPanel/SplitPanel.cjs");require("../Tabs/TabsContainer.cjs");require("../Tabs/TabsContent.cjs");require("../Tags/Tags.cjs");require("../Text/Text.cjs");require("../TextSymbol/TextSymbol.cjs");require("../Video/Video.cjs");require("../../patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs");require("../../patterns/HeroBanner/HeroBanner.cjs");require("../../patterns/TextBanner/TextBanner.cjs");require("../../patterns/LanguageSelector/LanguageSelector.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBanner.cjs");require("../../patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs");require("../../patterns/Social/Social.cjs");require("../../patterns/Subscribe/Subscribe.cjs");require("../../patterns/UserManagement/UserManagement.cjs");require("../../patterns/ViewingsList/StatefulViewingsList.cjs");require("../../patterns/ViewingsList/ViewingsList.cjs");require("../ComboBox/ComboBox.cjs");require("../ComposedModal/ComposedModal.cjs");require("../DetailList/DetailList.cjs");require("../ExitGateCard/ExitGateCard.cjs");require("../Loader/Loader.cjs");require("../PageContentWrapper/PageContentWrapper.cjs");require("../../patterns/FiltersInline/FilterButton.cjs");require("../../patterns/FiltersInline/FiltersInline.cjs");require("../../patterns/SaleCard/SaleCard.cjs");require("../../patterns/SaleCard/SaleCardActions.cjs");require("../../patterns/ViewingDetails/ViewingDetails.cjs");require("../ProgressIndicator/ProgressIndicator.cjs");require("../../site-furniture/Header/Header.cjs");require("../AddToCalendar/AddToCalendar.cjs");require("../Article/Article.cjs");require("../Countdown/Countdown.cjs");require("../DescriptiveRadioButton/DescriptiveRadioButton.cjs");require("../DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs");require("../Divider/Divider.cjs");require("../FavoritingTileButton/FavoritingTileButton.cjs");require("../Filter/Filter.cjs");require("../Filter/FilterInput.cjs");require("../Filter/FilterHeader.cjs");require("../NotificationBanner/NotificationBanner.cjs");require("../Pictogram/Pictogram.cjs");require("../TextArea/TextArea.cjs");require("../Toast/Toast.cjs");require("../Toast/ToastContextProvider.cjs");require("../../patterns/AccountPageHeader/AccountPageHeader.cjs");require("../../patterns/BidSnapshot/BidSnapshot.cjs");require("../../patterns/FilterMenu/FilterMenu.cjs");require("../../patterns/ObjectTile/ObjectTile.cjs");require("../../patterns/CountryPicker/CountryPicker.cjs");require("../../patterns/ProgressWizard/ProgressWizard.cjs");require("../../patterns/ProgressWizard/types.cjs");require("../../patterns/PhoneNumberInput/PhoneNumberInput.cjs");const r=()=>({adornment:`${e.px}-input__wrapper__adornment`,emptyValidation:`${e.px}-input__empty-validation`,input:`${e.px}-input__input`,label:`${e.px}-input__label`,labelHidden:`${e.px}-input__label--hidden`,skeleton:`${e.px}-skeleton`,validation:`${e.px}-input__validation`,wrapper:`${e.px}-input__wrapper`,wrapperInput:`${e.px}-input__wrapper__input`});exports.getInputClassNames=r;
@@ -3,6 +3,7 @@ import "react/jsx-runtime";
3
3
  import "../../providers/SeldonProvider/utils.js";
4
4
  import "react";
5
5
  import "../Button/Button.js";
6
+ import "../Banner/Banner.js";
6
7
  import "../Card/Card.js";
7
8
  import "../IconButton/IconButton.js";
8
9
  import "../Accordion/Accordion.js";
@@ -95,7 +96,7 @@ import "../../patterns/CountryPicker/CountryPicker.js";
95
96
  import "../../patterns/ProgressWizard/ProgressWizard.js";
96
97
  import "../../patterns/ProgressWizard/types.js";
97
98
  import "../../patterns/PhoneNumberInput/PhoneNumberInput.js";
98
- const Pp = () => ({
99
+ const Qp = () => ({
99
100
  adornment: `${p}-input__wrapper__adornment`,
100
101
  emptyValidation: `${p}-input__empty-validation`,
101
102
  input: `${p}-input__input`,
@@ -107,5 +108,5 @@ const Pp = () => ({
107
108
  wrapperInput: `${p}-input__wrapper__input`
108
109
  });
109
110
  export {
110
- Pp as getInputClassNames
111
+ Qp as getInputClassNames
111
112
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("react"),i=require("../../utils/index.cjs"),c=require("../../_virtual/index.cjs"),E=require("../../site-furniture/Header/Header.cjs"),x=require("./NavigationList/NavigationList.cjs"),f=require("../../patterns/LanguageSelector/LanguageSelector.cjs"),s=require("../../providers/SeldonProvider/utils.cjs"),j=require("../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),m=require("../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),v=e.forwardRef(({"aria-label":h,children:l,className:S,id:d,visible:p=!0,dir:C,...b},g)=>{const{isSearchExpanded:a,activeSubmenuId:q,setActiveSubmenuId:y}=e.useContext(E.HeaderContext),t=i.findChildrenOfType(l,x.default)?.[0],M=i.findChildrenExcludingTypes(l,[x.default,f.default]),r=i.findChildrenOfType(l,f.default)?.[0],o=q??"",_=n.jsxs("div",{className:c.default(`${i.px}-nav__list-container`,{[`${i.px}-nav__list-container--search-expanded`]:a}),children:[M,n.jsx(s.SSRMediaQuery.Media,{lessThan:"md",children:e.isValidElement(t)?e.cloneElement(t,{isOffScreen:a,isMobile:!0}):void 0}),n.jsx(s.SSRMediaQuery.Media,{greaterThanOrEqual:"md",children:e.isValidElement(t)?n.jsxs(j.default,{enabled:!!o,allowPinchZoom:!0,removeScrollBar:!1,children:[e.cloneElement(t,{isOffScreen:a,isMobile:!1}),n.jsx(m.Viewport,{className:`${i.px}-nav__radix-viewport`})]}):void 0}),n.jsx(s.SSRMediaQuery.Media,{lessThan:"md",children:e.isValidElement(r)&&r?e.cloneElement(r,{isHidden:a}):void 0})]});return n.jsx(m.Root,{"aria-label":h??"Main navigation","data-testid":d,id:d,style:{"--visible":p?"visible":"hidden"},className:c.default(`${i.px}-nav`,`${i.px}-nav__radix-root`,S),delayDuration:0,skipDelayDuration:300,value:o,onValueChange:u=>y(u===""?null:u),ref:g,...b,children:_})});v.displayName="Navigation";exports.default=v;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("react"),i=require("../../utils/index.cjs"),x=require("../../_virtual/index.cjs"),j=require("../../site-furniture/Header/Header.cjs"),f=require("./NavigationList/NavigationList.cjs"),m=require("../../patterns/LanguageSelector/LanguageSelector.cjs"),l=require("../../providers/SeldonProvider/utils.cjs"),C=require("../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),v=require("../../node_modules/@radix-ui/react-navigation-menu/dist/index.cjs"),o=require("../../utils/constants.cjs"),p=e.forwardRef(({"aria-label":h,children:r,className:S,id:d,visible:b=!0,dir:N,...g},q)=>{const{isSearchExpanded:a,activeSubmenuId:y,setActiveSubmenuId:M}=e.useContext(j.HeaderContext),t=i.findChildrenOfType(r,f.default)?.[0],_=i.findChildrenExcludingTypes(r,[f.default,m.default]),s=i.findChildrenOfType(r,m.default)?.[0],u=y??"",E=n.jsxs("div",{className:x.default(`${i.px}-nav__list-container`,{[`${i.px}-nav__list-container--search-expanded`]:a}),children:[_,n.jsx(l.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.isValidElement(t)?e.cloneElement(t,{isOffScreen:a,isMobile:!0}):void 0}),n.jsx(l.SSRMediaQuery.Media,{greaterThanOrEqual:o.Breakpoints.md,children:e.isValidElement(t)?n.jsxs(C.default,{enabled:!!u,allowPinchZoom:!0,removeScrollBar:!1,children:[e.cloneElement(t,{isOffScreen:a,isMobile:!1}),n.jsx(v.Viewport,{className:`${i.px}-nav__radix-viewport`})]}):void 0}),n.jsx(l.SSRMediaQuery.Media,{lessThan:o.Breakpoints.md,children:e.isValidElement(s)&&s?e.cloneElement(s,{isHidden:a}):void 0})]});return n.jsx(v.Root,{"aria-label":h??"Main navigation","data-testid":d,id:d,style:{"--visible":b?"visible":"hidden"},className:x.default(`${i.px}-nav`,`${i.px}-nav__radix-root`,S),delayDuration:0,skipDelayDuration:300,value:u,onValueChange:c=>M(c===""?null:c),ref:q,...g,children:E})});p.displayName="Navigation";exports.default=p;
@@ -1,60 +1,61 @@
1
- import { jsxs as c, jsx as i } from "react/jsx-runtime";
2
- import e, { forwardRef as C } from "react";
3
- import { findChildrenOfType as f, findChildrenExcludingTypes as M, px as a } from "../../utils/index.js";
1
+ import { jsxs as f, jsx as i } from "react/jsx-runtime";
2
+ import e, { forwardRef as M } from "react";
3
+ import { findChildrenOfType as p, findChildrenExcludingTypes as R, px as a } from "../../utils/index.js";
4
4
  import u from "../../_virtual/index.js";
5
- import { HeaderContext as R } from "../../site-furniture/Header/Header.js";
6
- import p from "./NavigationList/NavigationList.js";
7
- import v from "../../patterns/LanguageSelector/LanguageSelector.js";
5
+ import { HeaderContext as V } from "../../site-furniture/Header/Header.js";
6
+ import v from "./NavigationList/NavigationList.js";
7
+ import h from "../../patterns/LanguageSelector/LanguageSelector.js";
8
8
  import { SSRMediaQuery as l } from "../../providers/SeldonProvider/utils.js";
9
- import V from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
10
- import { Viewport as T, Root as $ } from "../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
11
- const w = C(
12
- ({ "aria-label": h, children: t, className: S, id: s, visible: g = !0, dir: O, ...x }, _) => {
13
- const { isSearchExpanded: n, activeSubmenuId: b, setActiveSubmenuId: E } = e.useContext(R), o = f(t, p)?.[0], N = M(t, [p, v]), r = f(t, v)?.[0], d = b ?? "", y = /* @__PURE__ */ c(
9
+ import T from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
10
+ import { Viewport as $, Root as w } from "../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
11
+ import { Breakpoints as s } from "../../utils/constants.js";
12
+ const O = M(
13
+ ({ "aria-label": S, children: t, className: g, id: d, visible: x = !0, dir: D, ..._ }, b) => {
14
+ const { isSearchExpanded: n, activeSubmenuId: E, setActiveSubmenuId: N } = e.useContext(V), o = p(t, v)?.[0], y = R(t, [v, h]), r = p(t, h)?.[0], m = E ?? "", C = /* @__PURE__ */ f(
14
15
  "div",
15
16
  {
16
17
  className: u(`${a}-nav__list-container`, {
17
18
  [`${a}-nav__list-container--search-expanded`]: n
18
19
  }),
19
20
  children: [
20
- N,
21
- /* @__PURE__ */ i(l.Media, { lessThan: "md", children: e.isValidElement(o) ? e.cloneElement(o, {
21
+ y,
22
+ /* @__PURE__ */ i(l.Media, { lessThan: s.md, children: e.isValidElement(o) ? e.cloneElement(o, {
22
23
  isOffScreen: n,
23
24
  isMobile: !0
24
25
  }) : void 0 }),
25
- /* @__PURE__ */ i(l.Media, { greaterThanOrEqual: "md", children: e.isValidElement(o) ? /* @__PURE__ */ c(V, { enabled: !!d, allowPinchZoom: !0, removeScrollBar: !1, children: [
26
+ /* @__PURE__ */ i(l.Media, { greaterThanOrEqual: s.md, children: e.isValidElement(o) ? /* @__PURE__ */ f(T, { enabled: !!m, allowPinchZoom: !0, removeScrollBar: !1, children: [
26
27
  e.cloneElement(o, {
27
28
  isOffScreen: n,
28
29
  isMobile: !1
29
30
  }),
30
- /* @__PURE__ */ i(T, { className: `${a}-nav__radix-viewport` })
31
+ /* @__PURE__ */ i($, { className: `${a}-nav__radix-viewport` })
31
32
  ] }) : void 0 }),
32
- /* @__PURE__ */ i(l.Media, { lessThan: "md", children: e.isValidElement(r) && r ? e.cloneElement(r, {
33
+ /* @__PURE__ */ i(l.Media, { lessThan: s.md, children: e.isValidElement(r) && r ? e.cloneElement(r, {
33
34
  isHidden: n
34
35
  }) : void 0 })
35
36
  ]
36
37
  }
37
38
  );
38
39
  return /* @__PURE__ */ i(
39
- $,
40
+ w,
40
41
  {
41
- "aria-label": h ?? "Main navigation",
42
- "data-testid": s,
43
- id: s,
44
- style: { "--visible": g ? "visible" : "hidden" },
45
- className: u(`${a}-nav`, `${a}-nav__radix-root`, S),
42
+ "aria-label": S ?? "Main navigation",
43
+ "data-testid": d,
44
+ id: d,
45
+ style: { "--visible": x ? "visible" : "hidden" },
46
+ className: u(`${a}-nav`, `${a}-nav__radix-root`, g),
46
47
  delayDuration: 0,
47
48
  skipDelayDuration: 300,
48
- value: d,
49
- onValueChange: (m) => E(m === "" ? null : m),
50
- ref: _,
51
- ...x,
52
- children: y
49
+ value: m,
50
+ onValueChange: (c) => N(c === "" ? null : c),
51
+ ref: b,
52
+ ..._,
53
+ children: C
53
54
  }
54
55
  );
55
56
  }
56
57
  );
57
- w.displayName = "Navigation";
58
+ O.displayName = "Navigation";
58
59
  export {
59
- w as default
60
+ O as default
60
61
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../_virtual/index.cjs"),r=require("react"),y=require("../../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),h=require("../../../providers/SeldonProvider/utils.cjs"),S=require("../../../site-furniture/Header/Header.cjs"),a=require("../../../utils/index.cjs"),M=require("../../Accordion/Accordion.cjs"),T=require("../../Accordion/AccordionItem.cjs"),$=require("../../Text/types.cjs"),I=require("../../Text/Text.cjs"),P=require("../NavigationSubmenu/NavigationSubmenu.cjs"),W=require("./NavigationDesktopSubmenu.cjs"),b=({id:o,label:t,children:u})=>{const{isMenuOpen:c}=r.useContext(S.HeaderContext);return e.jsx(M.default,{children:e.jsx(T.default,{hasTransition:!0,id:`accordion-item-${o}`,label:e.jsx(I.default,{variant:$.TextVariants.linkStylised,children:t}),children:u},`accordion-key-${t}`)},`accordion-key-${t}-${c}`)},j=r.forwardRef(({id:o,label:t,children:u,className:c,onClick:q,renderMode:v,isMobile:m,...C},N)=>{const{className:i,...s}=a.getCommonProps({id:o},"NavigationItemWithSubmenu"),n=a.findChildrenOfType(u,P.default),{closeMenu:l,setActiveSubmenuId:k}=r.useContext(S.HeaderContext),g=o??i??"item",p=e.jsx(W.default,{ref:N,navSubmenuElement:n,itemValue:g,baseClassName:i,commonProps:s,label:t,className:c,onClick:q,closeMenu:l,setActiveSubmenuId:k,itemProps:C}),x=typeof m=="boolean"?m?"mobile":"desktop":v;if(x==="mobile")return e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...s,children:e.jsx(b,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})});if(x==="desktop")return p;const{"data-testid":O,..._}=s;return e.jsx(e.Fragment,{children:e.jsxs(y.default,{enabled:!1,allowPinchZoom:!0,removeScrollBar:!1,children:[e.jsx(h.SSRMediaQuery.Media,{lessThan:"md",children:e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),..._,children:e.jsx(b,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})})}),e.jsx(h.SSRMediaQuery.Media,{greaterThanOrEqual:"md",children:p})]})})});j.displayName="NavigationItemWithSubmenu";exports.default=j;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../_virtual/index.cjs"),r=require("react"),M=require("../../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),h=require("../../../providers/SeldonProvider/utils.cjs"),q=require("../../../site-furniture/Header/Header.cjs"),a=require("../../../utils/index.cjs"),T=require("../../Accordion/Accordion.cjs"),$=require("../../Accordion/AccordionItem.cjs"),I=require("../../Text/types.cjs"),P=require("../../Text/Text.cjs"),W=require("../NavigationSubmenu/NavigationSubmenu.cjs"),O=require("./NavigationDesktopSubmenu.cjs"),b=require("../../../utils/constants.cjs"),S=({id:o,label:t,children:u})=>{const{isMenuOpen:c}=r.useContext(q.HeaderContext);return e.jsx(T.default,{children:e.jsx($.default,{hasTransition:!0,id:`accordion-item-${o}`,label:e.jsx(P.default,{variant:I.TextVariants.linkStylised,children:t}),children:u},`accordion-key-${t}`)},`accordion-key-${t}-${c}`)},j=r.forwardRef(({id:o,label:t,children:u,className:c,onClick:k,renderMode:v,isMobile:m,...C},N)=>{const{className:i,...s}=a.getCommonProps({id:o},"NavigationItemWithSubmenu"),n=a.findChildrenOfType(u,W.default),{closeMenu:l,setActiveSubmenuId:g}=r.useContext(q.HeaderContext),_=o??i??"item",p=e.jsx(O.default,{ref:N,navSubmenuElement:n,itemValue:_,baseClassName:i,commonProps:s,label:t,className:c,onClick:k,closeMenu:l,setActiveSubmenuId:g,itemProps:C}),x=typeof m=="boolean"?m?"mobile":"desktop":v;if(x==="mobile")return e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...s,children:e.jsx(S,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})});if(x==="desktop")return p;const{"data-testid":R,...y}=s;return e.jsx(e.Fragment,{children:e.jsxs(M.default,{enabled:!1,allowPinchZoom:!0,removeScrollBar:!1,children:[e.jsx(h.SSRMediaQuery.Media,{lessThan:b.Breakpoints.md,children:e.jsx("li",{className:f.default(i,`${a.px}-nav__item`),...y,children:e.jsx(S,{id:o,label:t,...s,children:n?r.cloneElement(n[0],{className:`${i}__submenu--mobile`,onClick:d=>{n[0].props?.onClick?.(d),l?.()}}):null})})}),e.jsx(h.SSRMediaQuery.Media,{greaterThanOrEqual:b.Breakpoints.md,children:p})]})})});j.displayName="NavigationItemWithSubmenu";exports.default=j;
@@ -1,34 +1,35 @@
1
- import { jsx as e, Fragment as I, jsxs as T } from "react/jsx-runtime";
1
+ import { jsx as e, Fragment as T, jsxs as $ } from "react/jsx-runtime";
2
2
  import f from "../../../_virtual/index.js";
3
- import m, { forwardRef as $ } from "react";
4
- import y from "../../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
3
+ import m, { forwardRef as y } from "react";
4
+ import M from "../../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
5
5
  import { SSRMediaQuery as h } from "../../../providers/SeldonProvider/utils.js";
6
6
  import { HeaderContext as N } from "../../../site-furniture/Header/Header.js";
7
- import { getCommonProps as M, findChildrenOfType as W, px as b } from "../../../utils/index.js";
8
- import P from "../../Accordion/Accordion.js";
9
- import R from "../../Accordion/AccordionItem.js";
10
- import { TextVariants as E } from "../../Text/types.js";
11
- import O from "../../Text/Text.js";
12
- import A from "../NavigationSubmenu/NavigationSubmenu.js";
13
- import V from "./NavigationDesktopSubmenu.js";
7
+ import { getCommonProps as W, findChildrenOfType as P, px as b } from "../../../utils/index.js";
8
+ import R from "../../Accordion/Accordion.js";
9
+ import E from "../../Accordion/AccordionItem.js";
10
+ import { TextVariants as O } from "../../Text/types.js";
11
+ import A from "../../Text/Text.js";
12
+ import V from "../NavigationSubmenu/NavigationSubmenu.js";
13
+ import j from "./NavigationDesktopSubmenu.js";
14
+ import { Breakpoints as k } from "../../../utils/constants.js";
14
15
  const v = ({ id: n, label: o, children: a }) => {
15
16
  const { isMenuOpen: s } = m.useContext(N);
16
- return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
17
- R,
17
+ return /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
18
+ E,
18
19
  {
19
20
  hasTransition: !0,
20
21
  id: `accordion-item-${n}`,
21
- label: /* @__PURE__ */ e(O, { variant: E.linkStylised, children: o }),
22
+ label: /* @__PURE__ */ e(A, { variant: O.linkStylised, children: o }),
22
23
  children: a
23
24
  },
24
25
  `accordion-key-${o}`
25
26
  ) }, `accordion-key-${o}-${s}`);
26
- }, j = $(
27
- ({ id: n, label: o, children: a, className: s, onClick: S, renderMode: k, isMobile: u, ...C }, _) => {
28
- const { className: i, ...r } = M({ id: n }, "NavigationItemWithSubmenu"), t = W(a, A), { closeMenu: c, setActiveSubmenuId: g } = m.useContext(N), d = /* @__PURE__ */ e(
29
- V,
27
+ }, w = y(
28
+ ({ id: n, label: o, children: a, className: s, onClick: S, renderMode: C, isMobile: u, ..._ }, g) => {
29
+ const { className: i, ...r } = W({ id: n }, "NavigationItemWithSubmenu"), t = P(a, V), { closeMenu: c, setActiveSubmenuId: x } = m.useContext(N), d = /* @__PURE__ */ e(
30
+ j,
30
31
  {
31
- ref: _,
32
+ ref: g,
32
33
  navSubmenuElement: t,
33
34
  itemValue: n ?? i ?? "item",
34
35
  baseClassName: i,
@@ -37,10 +38,10 @@ const v = ({ id: n, label: o, children: a }) => {
37
38
  className: s,
38
39
  onClick: S,
39
40
  closeMenu: c,
40
- setActiveSubmenuId: g,
41
- itemProps: C
41
+ setActiveSubmenuId: x,
42
+ itemProps: _
42
43
  }
43
- ), p = typeof u == "boolean" ? u ? "mobile" : "desktop" : k;
44
+ ), p = typeof u == "boolean" ? u ? "mobile" : "desktop" : C;
44
45
  if (p === "mobile")
45
46
  return /* @__PURE__ */ e("li", { className: f(i, `${b}-nav__item`), ...r, children: /* @__PURE__ */ e(v, { id: n, label: o, ...r, children: t ? m.cloneElement(t[0], {
46
47
  className: `${i}__submenu--mobile`,
@@ -50,19 +51,19 @@ const v = ({ id: n, label: o, children: a }) => {
50
51
  }) : null }) });
51
52
  if (p === "desktop")
52
53
  return d;
53
- const { "data-testid": q, ...x } = r;
54
- return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ T(y, { enabled: !1, allowPinchZoom: !0, removeScrollBar: !1, children: [
55
- /* @__PURE__ */ e(h.Media, { lessThan: "md", children: /* @__PURE__ */ e("li", { className: f(i, `${b}-nav__item`), ...x, children: /* @__PURE__ */ e(v, { id: n, label: o, ...r, children: t ? m.cloneElement(t[0], {
54
+ const { "data-testid": q, ...I } = r;
55
+ return /* @__PURE__ */ e(T, { children: /* @__PURE__ */ $(M, { enabled: !1, allowPinchZoom: !0, removeScrollBar: !1, children: [
56
+ /* @__PURE__ */ e(h.Media, { lessThan: k.md, children: /* @__PURE__ */ e("li", { className: f(i, `${b}-nav__item`), ...I, children: /* @__PURE__ */ e(v, { id: n, label: o, ...r, children: t ? m.cloneElement(t[0], {
56
57
  className: `${i}__submenu--mobile`,
57
58
  onClick: (l) => {
58
59
  t[0].props?.onClick?.(l), c?.();
59
60
  }
60
61
  }) : null }) }) }),
61
- /* @__PURE__ */ e(h.Media, { greaterThanOrEqual: "md", children: d })
62
+ /* @__PURE__ */ e(h.Media, { greaterThanOrEqual: k.md, children: d })
62
63
  ] }) });
63
64
  }
64
65
  );
65
- j.displayName = "NavigationItemWithSubmenu";
66
+ w.displayName = "NavigationItemWithSubmenu";
66
67
  export {
67
- j as default
68
+ w as default
68
69
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs"),f=require("../../_virtual/index.cjs"),T=require("react"),g=require("../../utils/index.cjs"),q=require("../Text/types.cjs"),v=require("../Text/Text.cjs"),_=require("./TabTrigger.cjs"),i=T.forwardRef(({className:n,tabs:r=[],tabListLabel:u="Sale Page Tabs",children:o,defaultValue:c,value:d,onTabClick:m,...l},b)=>{const{className:a,...x}=g.getCommonProps(l,"TabsContainer");return e.jsxs(t.Root,{...l,defaultValue:c||r[0].value,value:d,...x,className:f.default(`${a}`,n),ref:b,children:[e.jsxs(t.List,{"aria-label":u,className:`${a}__tabs-list`,children:[r.map(s=>e.jsx(_.default,{value:s.value,className:`${a}__tabs-trigger`,onClick:m,children:e.jsx(v.default,{variant:q.TextVariants.labelMedium,children:s.label})},s.value)),e.jsx("div",{className:`${a}__full-bleed-underline`})]}),o]})});i.displayName="TabsContainer";exports.default=i;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs"),f=require("../../_virtual/index.cjs"),q=require("react"),v=require("../../utils/index.cjs"),T=require("../Text/types.cjs"),_=require("../Text/Text.cjs"),g=require("./TabTrigger.cjs"),i=q.forwardRef(({className:n,tabs:r=[],tabListLabel:u,children:o,defaultValue:c,value:d,onTabClick:m,...l},x)=>{const{className:a,...b}=v.getCommonProps(l,"TabsContainer");return e.jsxs(t.Root,{...l,defaultValue:c||r[0].value,value:d,...b,className:f.default(`${a}`,n),ref:x,children:[e.jsxs(t.List,{"aria-label":u,className:`${a}__tabs-list`,children:[r.map(s=>e.jsx(g.default,{value:s.value,className:`${a}__tabs-trigger`,onClick:m,children:e.jsx(_.default,{variant:T.TextVariants.labelMedium,children:s.label})},s.value)),e.jsx("div",{className:`${a}__full-bleed-underline`})]}),o]})});i.displayName="TabsContainer";exports.default=i;
@@ -25,7 +25,7 @@ export interface TabsContainerProps extends TabsPrimitive.TabsProps, Omit<Compon
25
25
  /**
26
26
  * Aria-label for specific tab list view
27
27
  */
28
- tabListLabel?: string;
28
+ tabListLabel: string;
29
29
  /**
30
30
  * Optional value for controlled tabs
31
31
  */
@@ -1,14 +1,14 @@
1
1
  import { jsxs as l, jsx as r } from "react/jsx-runtime";
2
2
  import { Root as u, List as b } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
3
- import T from "../../_virtual/index.js";
4
- import { forwardRef as N } from "react";
5
- import { getCommonProps as g } from "../../utils/index.js";
6
- import { TextVariants as v } from "../Text/types.js";
7
- import C from "../Text/Text.js";
8
- import _ from "./TabTrigger.js";
9
- const x = N(
10
- ({ className: m, tabs: o = [], tabListLabel: i = "Sale Page Tabs", children: t, defaultValue: n, value: c, onTabClick: f, ...s }, d) => {
11
- const { className: a, ...p } = g(s, "TabsContainer");
3
+ import N from "../../_virtual/index.js";
4
+ import { forwardRef as T } from "react";
5
+ import { getCommonProps as v } from "../../utils/index.js";
6
+ import { TextVariants as C } from "../Text/types.js";
7
+ import _ from "../Text/Text.js";
8
+ import g from "./TabTrigger.js";
9
+ const x = T(
10
+ ({ className: m, tabs: o = [], tabListLabel: i, children: t, defaultValue: n, value: c, onTabClick: f, ...s }, d) => {
11
+ const { className: a, ...p } = v(s, "TabsContainer");
12
12
  return /* @__PURE__ */ l(
13
13
  u,
14
14
  {
@@ -16,17 +16,17 @@ const x = N(
16
16
  defaultValue: n || o[0].value,
17
17
  value: c,
18
18
  ...p,
19
- className: T(`${a}`, m),
19
+ className: N(`${a}`, m),
20
20
  ref: d,
21
21
  children: [
22
22
  /* @__PURE__ */ l(b, { "aria-label": i, className: `${a}__tabs-list`, children: [
23
23
  o.map((e) => /* @__PURE__ */ r(
24
- _,
24
+ g,
25
25
  {
26
26
  value: e.value,
27
27
  className: `${a}__tabs-trigger`,
28
28
  onClick: f,
29
- children: /* @__PURE__ */ r(C, { variant: v.labelMedium, children: e.label })
29
+ children: /* @__PURE__ */ r(_, { variant: C.labelMedium, children: e.label })
30
30
  },
31
31
  e.value
32
32
  )),