@phillips/seldon 1.32.0 → 1.34.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 (74) hide show
  1. package/dist/components/Accordion/AccordionItem.d.ts +5 -1
  2. package/dist/components/Accordion/AccordionItem.js +59 -58
  3. package/dist/components/Button/Button.d.ts +1 -1
  4. package/dist/components/Button/Button.js +39 -34
  5. package/dist/components/Drawer/Drawer.d.ts +23 -0
  6. package/dist/components/Drawer/Drawer.js +46 -0
  7. package/dist/components/Footer/Footer.d.ts +1 -1
  8. package/dist/components/Footer/Footer.js +12 -10
  9. package/dist/components/Social/Social.d.ts +10 -1
  10. package/dist/components/Social/Social.js +17 -8
  11. package/dist/index.d.ts +1 -0
  12. package/dist/index.js +34 -32
  13. package/dist/node_modules/@radix-ui/react-accordion/dist/index.js +6 -6
  14. package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js +8 -8
  15. package/dist/node_modules/@radix-ui/react-collection/dist/index.js +3 -3
  16. package/dist/node_modules/@radix-ui/react-context/dist/index.js +67 -0
  17. package/dist/node_modules/@radix-ui/react-dialog/dist/index.js +260 -0
  18. package/dist/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +128 -0
  19. package/dist/node_modules/@radix-ui/react-focus-guards/dist/index.js +18 -0
  20. package/dist/node_modules/@radix-ui/react-focus-scope/dist/index.js +137 -0
  21. package/dist/node_modules/@radix-ui/react-portal/dist/index.js +16 -0
  22. package/dist/node_modules/@radix-ui/react-primitive/dist/index.js +35 -0
  23. package/dist/node_modules/@radix-ui/react-use-escape-keydown/dist/index.js +14 -0
  24. package/dist/node_modules/aria-hidden/dist/es2015/index.js +52 -0
  25. package/dist/node_modules/get-nonce/dist/es2015/index.js +7 -0
  26. package/dist/node_modules/react-remove-scroll/dist/es2015/Combination.js +11 -0
  27. package/dist/node_modules/react-remove-scroll/dist/es2015/SideEffect.js +112 -0
  28. package/dist/node_modules/react-remove-scroll/dist/es2015/UI.js +31 -0
  29. package/dist/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js +16 -0
  30. package/dist/node_modules/react-remove-scroll/dist/es2015/handleScroll.js +62 -0
  31. package/dist/node_modules/react-remove-scroll/dist/es2015/medium.js +5 -0
  32. package/dist/node_modules/react-remove-scroll/dist/es2015/sidecar.js +7 -0
  33. package/dist/node_modules/react-remove-scroll/node_modules/tslib/tslib.es6.js +27 -0
  34. package/dist/node_modules/react-remove-scroll-bar/dist/es2015/component.js +71 -0
  35. package/dist/node_modules/react-remove-scroll-bar/dist/es2015/constants.js +7 -0
  36. package/dist/node_modules/react-remove-scroll-bar/dist/es2015/utils.js +25 -0
  37. package/dist/node_modules/react-style-singleton/dist/es2015/component.js +11 -0
  38. package/dist/node_modules/react-style-singleton/dist/es2015/hook.js +15 -0
  39. package/dist/node_modules/react-style-singleton/dist/es2015/singleton.js +30 -0
  40. package/dist/node_modules/use-callback-ref/dist/es2015/assignRef.js +6 -0
  41. package/dist/node_modules/use-callback-ref/dist/es2015/useMergeRef.js +26 -0
  42. package/dist/node_modules/use-callback-ref/dist/es2015/useRef.js +25 -0
  43. package/dist/node_modules/use-sidecar/dist/es2015/exports.js +18 -0
  44. package/dist/node_modules/use-sidecar/dist/es2015/medium.js +67 -0
  45. package/dist/node_modules/use-sidecar/node_modules/tslib/tslib.es6.js +21 -0
  46. package/dist/scss/_vars.scss +2 -0
  47. package/dist/scss/components/Drawer/_drawer.scss +66 -0
  48. package/dist/scss/components/Footer/_footer.scss +79 -32
  49. package/dist/scss/components/Social/_social.scss +44 -6
  50. package/dist/scss/components/Subscribe/_subscribe.scss +1 -0
  51. package/dist/scss/styles.scss +1 -0
  52. package/package.json +7 -6
  53. package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-context/dist/index.js +0 -52
  54. package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-primitive/dist/index.js +0 -31
  55. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/primitive/dist/index.js +0 -9
  56. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-compose-refs/dist/index.js +0 -14
  57. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-context/dist/index.js +0 -52
  58. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-id/dist/index.js +0 -13
  59. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-primitive/dist/index.js +0 -31
  60. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-slot/dist/index.js +0 -48
  61. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-use-callback-ref/dist/index.js +0 -13
  62. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-use-controllable-state/dist/index.js +0 -32
  63. package/dist/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-use-layout-effect/dist/index.js +0 -6
  64. package/dist/node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-compose-refs/dist/index.js +0 -14
  65. package/dist/node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context/dist/index.js +0 -52
  66. package/dist/node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot/dist/index.js +0 -48
  67. /package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/primitive → primitive}/dist/index.js +0 -0
  68. /package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/react-compose-refs → react-compose-refs}/dist/index.js +0 -0
  69. /package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/react-id → react-id}/dist/index.js +0 -0
  70. /package/dist/node_modules/@radix-ui/{react-collapsible/node_modules/@radix-ui/react-presence → react-presence}/dist/index.js +0 -0
  71. /package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/react-slot → react-slot}/dist/index.js +0 -0
  72. /package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/react-use-callback-ref → react-use-callback-ref}/dist/index.js +0 -0
  73. /package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/react-use-controllable-state → react-use-controllable-state}/dist/index.js +0 -0
  74. /package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/react-use-layout-effect → react-use-layout-effect}/dist/index.js +0 -0
@@ -32,6 +32,10 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
32
32
  * When true applied the transition keyframe animation on item expand. Default as false.
33
33
  */
34
34
  hasTransition?: boolean;
35
+ /**
36
+ * When true, isCollapsed won't be toggled.
37
+ */
38
+ isControlled?: boolean;
35
39
  }
36
- declare const AccordionItem: ({ isLocked, isLockedVariation, variation, label, isLastItem, hasTransition, children, type, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
40
+ declare const AccordionItem: ({ isLocked, isLockedVariation, variation, label, isLastItem, hasTransition, children, type, isControlled, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
37
41
  export default AccordionItem;
@@ -1,38 +1,38 @@
1
1
  import { jsxs as f, jsx as e, Fragment as h } from "react/jsx-runtime";
2
- import { useState as v } from "react";
3
- import { getCommonProps as x } from "../../utils/index.js";
4
- import p from "../../assets/plus.svg.js";
5
- import C from "../../assets/minus.svg.js";
6
- import A from "../../assets/lock.svg.js";
7
- import m from "../../node_modules/classnames/index.js";
8
- import { Item as T, Trigger as j, Content as k } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
9
- const N = ({
10
- children: o,
2
+ import { useState as p } from "react";
3
+ import { getCommonProps as v, noOp as x } from "../../utils/index.js";
4
+ import C from "../../assets/plus.svg.js";
5
+ import A from "../../assets/minus.svg.js";
6
+ import T from "../../assets/lock.svg.js";
7
+ import s from "../../node_modules/classnames/index.js";
8
+ import { Item as j, Trigger as k, Content as N } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
9
+ const B = ({
10
+ children: n,
11
11
  className: c,
12
12
  baseClassName: t,
13
- disable: n,
14
- isCollapsed: i,
13
+ disable: o,
14
+ isCollapsed: r,
15
15
  setIsCollapsed: d,
16
- isLargeVariation: l,
17
- isLockedVariation: s,
18
- id: r
16
+ isLargeVariation: i,
17
+ isLockedVariation: m,
18
+ id: a
19
19
  }) => {
20
- const a = () => !n && d((I) => !I), u = n ? A : i ? p : C, $ = `${r}-` + (n ? "lockedIcon" : s ? "lockBlueIcon" : i ? "plusIcon" : "minusIcon");
20
+ const l = () => !o && d((I) => !I), u = o ? T : r ? C : A, $ = `${a}-` + (o ? "lockedIcon" : m ? "lockBlueIcon" : r ? "plusIcon" : "minusIcon");
21
21
  return /* @__PURE__ */ e(
22
- j,
22
+ k,
23
23
  {
24
- "data-disabled": n,
24
+ "data-disabled": o,
25
25
  asChild: !0,
26
- className: m(t, { [`${t}--hoverable`]: !n }, c),
27
- children: /* @__PURE__ */ f("div", { onClick: a, "data-testid": `${r}-trigger`, children: [
28
- /* @__PURE__ */ e("div", { className: m(`${t}__text`, { [`${t}__text--lg`]: l }), children: o }),
26
+ className: s(t, { [`${t}--hoverable`]: !o }, c),
27
+ children: /* @__PURE__ */ f("div", { onClick: l, "data-testid": `${a}-trigger`, children: [
28
+ /* @__PURE__ */ e("div", { className: s(`${t}__text`, { [`${t}__text--lg`]: i }), children: n }),
29
29
  /* @__PURE__ */ e(
30
30
  "img",
31
31
  {
32
- className: m(
32
+ className: s(
33
33
  `${t}__icon`,
34
- { [`${t}__icon--lg`]: l },
35
- s && `${t}--blue-fill`
34
+ { [`${t}__icon--lg`]: i },
35
+ m && `${t}--blue-fill`
36
36
  ),
37
37
  src: u,
38
38
  "data-testid": $,
@@ -42,67 +42,68 @@ const N = ({
42
42
  ] })
43
43
  }
44
44
  );
45
- }, P = ({
46
- children: o,
45
+ }, F = ({
46
+ children: n,
47
47
  baseClassName: c,
48
48
  disable: t,
49
- hasTransition: n,
50
- isLargeVariation: i,
49
+ hasTransition: o,
50
+ isLargeVariation: r,
51
51
  isCollapsed: d,
52
- className: l
53
- }) => /* @__PURE__ */ e(h, { children: t && o ? /* @__PURE__ */ e("div", { children: o }) : /* @__PURE__ */ e(
54
- k,
52
+ className: i
53
+ }) => /* @__PURE__ */ e(h, { children: t && n ? /* @__PURE__ */ e("div", { children: n }) : /* @__PURE__ */ e(
54
+ N,
55
55
  {
56
56
  asChild: !0,
57
- className: m(
58
- { [`${c}__content--lg`]: i },
59
- { [`${c}--transition`]: n },
57
+ className: s(
58
+ { [`${c}__content--lg`]: r },
59
+ { [`${c}--transition`]: o },
60
60
  { [`${c}--expanded`]: !d },
61
- l
61
+ i
62
62
  ),
63
- children: o
63
+ children: n
64
64
  }
65
- ) }), z = ({
66
- isLocked: o,
65
+ ) }), D = ({
66
+ isLocked: n,
67
67
  isLockedVariation: c,
68
68
  variation: t,
69
- label: n,
70
- isLastItem: i,
69
+ label: o,
70
+ isLastItem: r,
71
71
  hasTransition: d = !1,
72
- children: l,
73
- type: s = "single",
74
- ...r
72
+ children: i,
73
+ type: m = "single",
74
+ isControlled: a = !0,
75
+ ...l
75
76
  }) => {
76
- const [a, u] = v(!0), { className: $, ...I } = x(r, "Accordion"), _ = t === "lg", g = `${$}-item`;
77
+ const [u, $] = p(!0), { className: I } = v(l, "Accordion"), _ = t === "lg", g = `${I}-item`;
77
78
  return /* @__PURE__ */ f(
78
- T,
79
+ j,
79
80
  {
80
- disabled: o,
81
- value: I["data-testid"],
82
- className: m(g, { [`${g}__border-bottom`]: !i }),
81
+ disabled: n,
82
+ value: o,
83
+ className: s(g, { [`${g}__border-bottom`]: !r }),
83
84
  children: [
84
85
  /* @__PURE__ */ e(
85
- N,
86
+ B,
86
87
  {
87
- disable: o,
88
+ disable: n,
88
89
  isLargeVariation: _,
89
90
  isLockedVariation: c,
90
- isCollapsed: a,
91
- setIsCollapsed: u,
92
- id: s === "single" ? r == null ? void 0 : r.id : void 0,
91
+ isCollapsed: u,
92
+ setIsCollapsed: a ? $ : x,
93
+ id: m === "single" ? l == null ? void 0 : l.id : void 0,
93
94
  baseClassName: `${g}-label`,
94
- children: n
95
+ children: o
95
96
  }
96
97
  ),
97
98
  /* @__PURE__ */ e(
98
- P,
99
+ F,
99
100
  {
100
- disable: o,
101
+ disable: n,
101
102
  hasTransition: d,
102
103
  isLargeVariation: _,
103
- isCollapsed: a,
104
+ isCollapsed: u,
104
105
  baseClassName: g,
105
- children: l
106
+ children: i
106
107
  }
107
108
  )
108
109
  ]
@@ -110,5 +111,5 @@ const N = ({
110
111
  );
111
112
  };
112
113
  export {
113
- z as default
114
+ D as default
114
115
  };
@@ -37,5 +37,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
37
37
  *
38
38
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
39
39
  */
40
- declare const Button: ({ buttonType, size, children, className, isIconLast: iconLast, type, isDisabled, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
40
+ declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
41
41
  export default Button;
@@ -1,37 +1,42 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import f from "../../node_modules/classnames/index.js";
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import p from "../../node_modules/classnames/index.js";
3
3
  import { getCommonProps as u } from "../../utils/index.js";
4
- const d = ({
5
- buttonType: t = "primary",
6
- size: a = "md",
7
- children: m,
8
- className: e,
9
- isIconLast: n = !1,
10
- type: r = "button",
11
- isDisabled: l = !1,
12
- ...o
13
- }) => {
14
- const { className: s, ...c } = u(o, "Button");
15
- return /* @__PURE__ */ i(
16
- "button",
17
- {
18
- ...c,
19
- type: r,
20
- className: f(
21
- `${s}`,
22
- `${s}--${a}`,
23
- `${s}--${t}`,
24
- {
25
- [`${s}--icon-last`]: n
26
- },
27
- e
28
- ),
29
- disabled: l,
30
- ...o,
31
- children: m
32
- }
33
- );
34
- };
4
+ import { forwardRef as d } from "react";
5
+ const $ = d(
6
+ ({
7
+ buttonType: t = "primary",
8
+ size: a = "md",
9
+ children: m,
10
+ className: r,
11
+ isIconLast: e = !1,
12
+ type: n = "button",
13
+ isDisabled: l = !1,
14
+ ...s
15
+ }, f) => {
16
+ const { className: o, ...i } = u(s, "Button");
17
+ return /* @__PURE__ */ c(
18
+ "button",
19
+ {
20
+ ...i,
21
+ ref: f,
22
+ type: n,
23
+ className: p(
24
+ `${o}`,
25
+ `${o}--${a}`,
26
+ `${o}--${t}`,
27
+ {
28
+ [`${o}--icon-last`]: e
29
+ },
30
+ r
31
+ ),
32
+ disabled: l,
33
+ ...s,
34
+ children: m
35
+ }
36
+ );
37
+ }
38
+ );
39
+ $.displayName = "Button";
35
40
  export {
36
- d as default
41
+ $ as default
37
42
  };
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ /**
4
+ * Whether the drawer is open or not
5
+ */
6
+ isOpen?: boolean;
7
+ /**
8
+ * Callback when the drawer is closed
9
+ */
10
+ onClose?: () => void;
11
+ /**
12
+ * The content of the drawer
13
+ */
14
+ children?: React.ReactNode;
15
+ }
16
+ /**
17
+ * ## Overview
18
+ *
19
+ * A component for displaying a drawer.
20
+ *
21
+ */
22
+ declare const Drawer: ({ className, isOpen, onClose, children, ...props }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
23
+ export default Drawer;
@@ -0,0 +1,46 @@
1
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
+ import { getCommonProps as d, noOp as p } from "../../utils/index.js";
3
+ import a from "../../node_modules/classnames/index.js";
4
+ import { Root as f, Portal as C, Overlay as h, Content as N, Title as u, Description as v, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
5
+ import _ from "../../assets/close.svg.js";
6
+ import g from "../IconButton/IconButton.js";
7
+ const j = ({ className: l, isOpen: i = !1, onClose: r = p, children: m, ...s }) => {
8
+ const { className: o, ...n } = d(s, "Drawer");
9
+ return /* @__PURE__ */ e(
10
+ f,
11
+ {
12
+ open: i,
13
+ onOpenChange: (c) => {
14
+ c || r();
15
+ },
16
+ children: /* @__PURE__ */ t(C, { children: [
17
+ /* @__PURE__ */ e(
18
+ h,
19
+ {
20
+ onClick: r,
21
+ className: a(`${o}__overlay`),
22
+ "data-testid": "drawer-overlay"
23
+ }
24
+ ),
25
+ /* @__PURE__ */ t(N, { className: a(o, l), id: s.id, ...n, children: [
26
+ /* @__PURE__ */ e(u, {}),
27
+ /* @__PURE__ */ e(v, {}),
28
+ /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(
29
+ g,
30
+ {
31
+ onClick: r,
32
+ className: a(`${o}__close`),
33
+ "aria-label": "Close",
34
+ "data-testid": "drawer-close",
35
+ children: /* @__PURE__ */ e(_, {})
36
+ }
37
+ ) }),
38
+ m
39
+ ] })
40
+ ] })
41
+ }
42
+ );
43
+ };
44
+ export {
45
+ j as default
46
+ };
@@ -17,5 +17,5 @@ export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
17
17
  *
18
18
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-footer--overview)
19
19
  */
20
- declare const Footer: ({ children, className, copyright, id, navigationComponent, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
20
+ declare const Footer: ({ children, className, copyright, id, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
21
21
  export default Footer;
@@ -1,17 +1,19 @@
1
- import { jsxs as f, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as a, jsx as o } from "react/jsx-runtime";
2
2
  import i from "../../node_modules/classnames/index.js";
3
- import { px as o, defaultYear as m } from "../../utils/index.js";
4
- import n from "../SplitPanel/SplitPanel.js";
3
+ import { px as e, defaultYear as m } from "../../utils/index.js";
4
+ import f from "../SplitPanel/SplitPanel.js";
5
+ import c from "../../assets/PhillipsLogo.svg.js";
5
6
  const _ = ({
6
7
  children: t,
7
- className: a,
8
+ className: l,
8
9
  copyright: s = `© ${m} Phillips Auctioneers, LLC`,
9
- id: e,
10
- navigationComponent: l
11
- }) => /* @__PURE__ */ f("footer", { "data-testid": e || "footer", id: e, className: i(`${o}-footer`, { className: a }), children: [
12
- /* @__PURE__ */ r("nav", { className: `${o}-footer__navigation`, children: l }),
13
- /* @__PURE__ */ r(n, { className: `${o}-footer__content`, hasBorder: !1, children: t }),
14
- /* @__PURE__ */ r("p", { className: `${o}-footer__copyright`, children: s })
10
+ id: r
11
+ }) => /* @__PURE__ */ a("footer", { "data-testid": r || "footer", id: r, className: i(`${e}-footer`, { className: l }), children: [
12
+ /* @__PURE__ */ o(f, { className: `${e}-footer__content`, hasBorder: !1, children: t }),
13
+ /* @__PURE__ */ a("div", { className: `${e}-footer__copyright`, children: [
14
+ /* @__PURE__ */ o("h1", { "data-testid": "header-logo", className: `${e}-header__logo`, children: /* @__PURE__ */ o("a", { href: "/", "aria-label": "logo", children: /* @__PURE__ */ o(c, {}) }) }),
15
+ s
16
+ ] })
15
17
  ] });
16
18
  export {
17
19
  _ as default
@@ -1,8 +1,17 @@
1
+ import { MouseEventHandler } from 'react';
1
2
  export interface SocialProps extends React.HTMLAttributes<HTMLDivElement> {
2
3
  /**
3
4
  * Title text for the social section
4
5
  */
5
6
  titleText?: string;
7
+ /**
8
+ * Text for the subscribe button
9
+ */
10
+ buttonText?: string;
11
+ /**
12
+ * Function for when the subscribe button is clicked
13
+ */
14
+ onSubscribeClick?: MouseEventHandler<HTMLButtonElement>;
6
15
  }
7
16
  /**
8
17
  * ## Overview
@@ -13,5 +22,5 @@ export interface SocialProps extends React.HTMLAttributes<HTMLDivElement> {
13
22
  *
14
23
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-social--overview)
15
24
  */
16
- declare const Social: ({ className, children, titleText, ...props }: SocialProps) => import("react/jsx-runtime").JSX.Element;
25
+ declare const Social: ({ className, children, titleText, buttonText, onSubscribeClick, ...props }: SocialProps) => import("react/jsx-runtime").JSX.Element;
17
26
  export default Social;
@@ -1,13 +1,22 @@
1
- import { jsxs as r, jsx as c } from "react/jsx-runtime";
1
+ import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
2
  import i from "../../node_modules/classnames/index.js";
3
- import { getCommonProps as n } from "../../utils/index.js";
4
- const h = ({ className: a, children: m, titleText: e = "Follow on Social", ...o }) => {
5
- const { className: s, ...l } = n(o, "Social");
6
- return /* @__PURE__ */ r("div", { ...l, className: i(s, a), ...o, children: [
7
- /* @__PURE__ */ c("h3", { className: `${s}__header`, children: e }),
8
- m
3
+ import { getCommonProps as u } from "../../utils/index.js";
4
+ import N from "../Button/Button.js";
5
+ const f = ({
6
+ className: r,
7
+ children: t,
8
+ titleText: m = "Never Miss A Moment",
9
+ buttonText: a = "Subscribe To Our Newsletter",
10
+ onSubscribeClick: c,
11
+ ...o
12
+ }) => {
13
+ const { className: s, ...l } = u(o, "Social");
14
+ return /* @__PURE__ */ n("div", { ...l, className: i(s, r), ...o, children: [
15
+ /* @__PURE__ */ e("h3", { className: `${s}__header`, children: m }),
16
+ /* @__PURE__ */ e(N, { onClick: c, buttonType: "ghost", className: `${s}__button`, children: a }),
17
+ t
9
18
  ] });
10
19
  };
11
20
  export {
12
- h as default
21
+ f as default
13
22
  };
package/dist/index.d.ts CHANGED
@@ -27,6 +27,7 @@ export { SubscriptionState } from './components/Subscribe/types';
27
27
  export { default as Social, type SocialProps } from './components/Social/Social';
28
28
  export { default as ViewingsList, type ViewingsListProps } from './components/ViewingsList/ViewingsList';
29
29
  export { default as Modal, type ModalProps } from './components/Modal/Modal';
30
+ export { default as Drawer } from './components/Drawer/Drawer';
30
31
  export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './components/ViewingsList/StatefulViewingsList';
31
32
  export * from './components/Text';
32
33
  export * from './components/Accordion';
package/dist/index.js CHANGED
@@ -6,42 +6,44 @@ import { default as I } from "./components/ErrorBoundary/ErrorBoundary.js";
6
6
  import { default as B } from "./components/Footer/Footer.js";
7
7
  import { Grid as P } from "./components/Grid/Grid.js";
8
8
  import { default as b } from "./components/Header/Header.js";
9
- import { default as T } from "./components/Navigation/Navigation.js";
9
+ import { default as w } from "./components/Navigation/Navigation.js";
10
10
  import { default as A } from "./components/Navigation/NavigationItem/NavigationItem.js";
11
11
  import { default as C } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
12
12
  import { default as M } from "./components/Navigation/NavigationList/NavigationList.js";
13
13
  import { default as y } from "./components/HeroBanner/HeroBanner.js";
14
- import { default as E } from "./components/Input/Input.js";
15
- import { default as O } from "./components/Link/Link.js";
16
- import { LinkVariants as U } from "./components/Link/utils.js";
17
- import { default as j } from "./components/LinkBlock/LinkBlock.js";
18
- import { default as D } from "./components/LinkList/LinkList.js";
14
+ import { default as D } from "./components/Input/Input.js";
15
+ import { default as F } from "./components/Link/Link.js";
16
+ import { LinkVariants as R } from "./components/Link/utils.js";
17
+ import { default as Y } from "./components/LinkBlock/LinkBlock.js";
18
+ import { default as q } from "./components/LinkList/LinkList.js";
19
19
  import { default as K } from "./components/Row/Row.js";
20
20
  import { default as W } from "./components/GridItem/GridItem.js";
21
21
  import { GridItemAlign as Z } from "./components/GridItem/types.js";
22
22
  import { default as $ } from "./components/Search/Search.js";
23
- import { default as oe } from "./components/Select/Select.js";
24
- import { default as re } from "./components/SplitPanel/SplitPanel.js";
23
+ import { default as re } from "./components/Select/Select.js";
24
+ import { default as te } from "./components/SplitPanel/SplitPanel.js";
25
25
  import { default as fe } from "./components/Subscribe/Subscribe.js";
26
26
  import { SubscriptionState as pe } from "./components/Subscribe/types.js";
27
27
  import { default as de } from "./components/Social/Social.js";
28
28
  import { default as ue } from "./components/ViewingsList/ViewingsList.js";
29
29
  import { default as xe } from "./components/Modal/Modal.js";
30
- import { default as ge } from "./components/ViewingsList/StatefulViewingsList.js";
31
- import { TextVariants as Le } from "./components/Text/types.js";
32
- import { default as Ie } from "./components/Text/Text.js";
33
- import { default as Be } from "./components/Accordion/Accordion.js";
34
- import { default as Pe } from "./components/Accordion/AccordionItem.js";
35
- import { default as be } from "./components/UserManagement/UserManagement.js";
36
- import { SupportedLanguages as Te } from "./types/commonTypes.js";
37
- import { default as Ae } from "./components/Breadcrumb/Breadcrumb.js";
30
+ import { default as ge } from "./components/Drawer/Drawer.js";
31
+ import { default as Le } from "./components/ViewingsList/StatefulViewingsList.js";
32
+ import { TextVariants as Ie } from "./components/Text/types.js";
33
+ import { default as Be } from "./components/Text/Text.js";
34
+ import { default as Pe } from "./components/Accordion/Accordion.js";
35
+ import { default as be } from "./components/Accordion/AccordionItem.js";
36
+ import { default as we } from "./components/UserManagement/UserManagement.js";
37
+ import { SupportedLanguages as Ae } from "./types/commonTypes.js";
38
+ import { default as Ce } from "./components/Breadcrumb/Breadcrumb.js";
38
39
  import "react/jsx-runtime";
39
40
  import "./node_modules/classnames/index.js";
40
41
  export {
41
- Be as Accordion,
42
- Pe as AccordionItem,
43
- Ae as Breadcrumb,
42
+ Pe as Accordion,
43
+ be as AccordionItem,
44
+ Ce as Breadcrumb,
44
45
  g as Button,
46
+ ge as Drawer,
45
47
  I as ErrorBoundary,
46
48
  B as Footer,
47
49
  P as Grid,
@@ -50,13 +52,13 @@ export {
50
52
  b as Header,
51
53
  y as HeroBanner,
52
54
  L as IconButton,
53
- E as Input,
54
- O as Link,
55
- j as LinkBlock,
56
- D as LinkList,
57
- U as LinkVariants,
55
+ D as Input,
56
+ F as Link,
57
+ Y as LinkBlock,
58
+ q as LinkList,
59
+ R as LinkVariants,
58
60
  xe as Modal,
59
- T as Navigation,
61
+ w as Navigation,
60
62
  A as NavigationItem,
61
63
  C as NavigationItemTrigger,
62
64
  M as NavigationList,
@@ -64,16 +66,16 @@ export {
64
66
  x as Page,
65
67
  K as Row,
66
68
  $ as Search,
67
- oe as Select,
69
+ re as Select,
68
70
  de as Social,
69
- re as SplitPanel,
70
- ge as StatefulViewingsList,
71
+ te as SplitPanel,
72
+ Le as StatefulViewingsList,
71
73
  fe as Subscribe,
72
74
  pe as SubscriptionState,
73
- Te as SupportedLanguages,
74
- Ie as Text,
75
- Le as TextVariants,
76
- be as UserManagement,
75
+ Ae as SupportedLanguages,
76
+ Be as Text,
77
+ Ie as TextVariants,
78
+ we as UserManagement,
77
79
  ue as ViewingsList,
78
80
  f as defaultYear,
79
81
  m as emailValidation,
@@ -1,12 +1,12 @@
1
1
  import s from "react";
2
- import { createContextScope as W } from "../node_modules/@radix-ui/react-context/dist/index.js";
2
+ import { createContextScope as W } from "../../react-context/dist/index.js";
3
3
  import { createCollection as X } from "../../react-collection/dist/index.js";
4
- import { useComposedRefs as Z } from "../node_modules/@radix-ui/react-compose-refs/dist/index.js";
5
- import { composeEventHandlers as $ } from "../node_modules/@radix-ui/primitive/dist/index.js";
6
- import { useControllableState as M } from "../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
7
- import { Primitive as V } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
4
+ import { useComposedRefs as Z } from "../../react-compose-refs/dist/index.js";
5
+ import { composeEventHandlers as $ } from "../../primitive/dist/index.js";
6
+ import { useControllableState as M } from "../../react-use-controllable-state/dist/index.js";
7
+ import { Primitive as V } from "../../react-primitive/dist/index.js";
8
8
  import { createCollapsibleScope as H, Root as oo, Trigger as eo, Content as ro } from "../../react-collapsible/dist/index.js";
9
- import { useId as to } from "../node_modules/@radix-ui/react-id/dist/index.js";
9
+ import { useId as to } from "../../react-id/dist/index.js";
10
10
  import { useDirection as no } from "../../react-direction/dist/index.js";
11
11
  import { jsx as n } from "react/jsx-runtime";
12
12
  var f = "Accordion", co = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [y, io, ao] = X(f), [b, No] = W(f, [
@@ -1,12 +1,12 @@
1
1
  import * as o from "react";
2
- import { composeEventHandlers as T } from "../node_modules/@radix-ui/primitive/dist/index.js";
3
- import { createContextScope as S } from "../node_modules/@radix-ui/react-context/dist/index.js";
4
- import { useControllableState as D } from "../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
5
- import { useLayoutEffect as L } from "../node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
6
- import { useComposedRefs as M } from "../node_modules/@radix-ui/react-compose-refs/dist/index.js";
7
- import { Primitive as b } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
8
- import { Presence as k } from "../node_modules/@radix-ui/react-presence/dist/index.js";
9
- import { useId as F } from "../node_modules/@radix-ui/react-id/dist/index.js";
2
+ import { composeEventHandlers as T } from "../../primitive/dist/index.js";
3
+ import { createContextScope as S } from "../../react-context/dist/index.js";
4
+ import { useControllableState as D } from "../../react-use-controllable-state/dist/index.js";
5
+ import { useLayoutEffect as L } from "../../react-use-layout-effect/dist/index.js";
6
+ import { useComposedRefs as M } from "../../react-compose-refs/dist/index.js";
7
+ import { Primitive as b } from "../../react-primitive/dist/index.js";
8
+ import { Presence as k } from "../../react-presence/dist/index.js";
9
+ import { useId as F } from "../../react-id/dist/index.js";
10
10
  import { jsx as c } from "react/jsx-runtime";
11
11
  var v = "Collapsible", [B, W] = S(v), [G, g] = B(v), w = o.forwardRef(
12
12
  (e, a) => {
@@ -1,7 +1,7 @@
1
1
  import n from "react";
2
- import { createContextScope as O } from "../node_modules/@radix-ui/react-context/dist/index.js";
3
- import { useComposedRefs as S } from "../node_modules/@radix-ui/react-compose-refs/dist/index.js";
4
- import { Slot as x } from "../node_modules/@radix-ui/react-slot/dist/index.js";
2
+ import { createContextScope as O } from "../../react-context/dist/index.js";
3
+ import { useComposedRefs as S } from "../../react-compose-refs/dist/index.js";
4
+ import { Slot as x } from "../../react-slot/dist/index.js";
5
5
  import { jsx as d } from "react/jsx-runtime";
6
6
  function h(s) {
7
7
  const f = s + "CollectionProvider", [A, N] = O(f), [_, m] = A(