@phillips/seldon 1.137.1 → 1.139.0

package/dist/components/Drawer/Drawer.js

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { getCommonProps as d, noOp as p } from "../../utils/index.js";
-import e from "../../node_modules/classnames/index.js";
+import a from "../../node_modules/classnames/index.js";
 import { Root as f, Portal as C, Overlay as h, Content as u, Title as N, Description as v, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import y from "../IconButton/IconButton.js";
 import { ButtonVariants as _ } from "../Button/types.js";
 import x from "../Icon/Icon.js";
 const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: n, ...t }) => {
-  const { className: a, ...m } = d(t, "Drawer");
+  const { className: e, ...m } = d(t, "Drawer");
   return /* @__PURE__ */ r(
     f,
     {
@@ -19,22 +19,22 @@ const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: n, ...t })
           h,
           {
             onClick: o,
-            className: e(`${a}__overlay`),
+            className: a(`${e}__overlay`),
             "data-testid": "drawer-overlay"
           }
         ),
-        /* @__PURE__ */ s(u, { className: e(a, i), id: t.id, ...m, children: [
+        /* @__PURE__ */ s(u, { className: a(e, i), id: t.id, ...m, children: [
           /* @__PURE__ */ r(N, {}),
           /* @__PURE__ */ r(v, {}),
           /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(
             y,
             {
               onClick: o,
-              className: e(`${a}__close`),
+              className: a(`${e}__close`),
               "aria-label": "Close",
               "data-testid": "drawer-close",
               variant: _.tertiary,
-              children: /* @__PURE__ */ r(x, { icon: "Close" })
+              children: /* @__PURE__ */ r(x, { icon: "CloseX", color: "currentColor" })
             }
           ) }),
           n

package/dist/components/Dropdown/Dropdown.js

@@ -5,9 +5,9 @@ import i from "../../node_modules/classnames/index.js";
 import { Root as $, Trigger as v, Value as I, Icon as b, Portal as x, Content as R, ScrollUpButton as S, Viewport as O, ScrollDownButton as P, Item as V, ItemText as j } from "../../node_modules/@radix-ui/react-select/dist/index.js";
 import c from "../Icon/Icon.js";
 const y = d.forwardRef(
-  ({ options: n, value: a, onValueChange: l, label: s, className: _, id: m, disabled: h, ...f }, u) => {
-    const { className: o, ...w } = D({ id: m }, "Dropdown"), [N, g] = C(!1);
-    return /* @__PURE__ */ e("div", { className: i(o, _), id: m, ...w, ...f, children: /* @__PURE__ */ t(
+  ({ options: n, value: a, onValueChange: l, label: s, className: h, id: m, disabled: _, ...f }, w) => {
+    const { className: o, ...u } = D({ id: m }, "Dropdown"), [N, g] = C(!1);
+    return /* @__PURE__ */ e("div", { className: i(o, h), id: m, ...u, ...f, children: /* @__PURE__ */ t(
       $,
       {
         value: a,
@@ -21,15 +21,17 @@ const y = d.forwardRef(
             {
               className: `${o}__trigger`,
               "aria-label": s,
-              ref: u,
-              disabled: h,
+              ref: w,
+              disabled: _,
               children: [
                 /* @__PURE__ */ e(I, { placeholder: a }),
                 /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
                   c,
                   {
                     icon: "ChevronDown",
-                    className: i({ [`${o}__trigger-icon-expanded`]: N })
+                    className: i({ [`${o}__trigger-icon-expanded`]: N }),
+                    height: "1rem",
+                    width: "1rem"
                   }
                 ) })
               ]

package/dist/components/Filter/Filter.js

@@ -1,10 +1,10 @@
 import { jsxs as t, jsx as d } from "react/jsx-runtime";
 import { forwardRef as H, useState as P, Children as j, isValidElement as c, cloneElement as f } from "react";
-import { getCommonProps as B, findChildrenOfType as I, findChildrenExcludingTypes as T, px as b } from "../../utils/index.js";
-import k from "../../node_modules/classnames/index.js";
+import { getCommonProps as B, findChildrenOfType as I, findChildrenExcludingTypes as R, px as T } from "../../utils/index.js";
+import b from "../../node_modules/classnames/index.js";
 import p from "./FilterHeader.js";
-import O from "../Button/Button.js";
-import { ButtonVariants as R } from "../Button/types.js";
+import k from "../Button/Button.js";
+import { ButtonVariants as O } from "../Button/types.js";
 import S from "../Icon/Icon.js";
 const q = H(
   ({
@@ -13,40 +13,40 @@ const q = H(
     name: a,
     viewAllLimit: n = 10,
     isViewingAll: r = !1,
-    isHidden: N = !1,
+    isHidden: u = !1,
     setViewAllFilter: l,
-    viewAllLabel: u = "View All",
+    viewAllLabel: N = "View All",
     ...i
   }, _) => {
-    const [x, y] = P(!1), { className: e, ...v } = B(i, "Filter"), s = j.toArray(C), F = { isViewingAll: r, setViewAllFilter: l, setIsClosing: y }, m = I(s, p)?.[0], $ = c(m) ? f(m, F) : null, g = T(s, [p])?.map(
+    const [y, g] = P(!1), { className: e, ...v } = B(i, "Filter"), s = j.toArray(C), x = { isViewingAll: r, setViewAllFilter: l, setIsClosing: g }, m = I(s, p)?.[0], F = c(m) ? f(m, x) : null, $ = R(s, [p])?.map(
       (o, E) => c(o) ? f(o, { hidden: !r && E + 1 > n }) : o
     );
     return /* @__PURE__ */ t(
       "div",
       {
         ...v,
-        className: k(e, h, {
-          [`${b}-filter--hidden`]: N,
-          "is-closing": x
+        className: b(e, h, {
+          [`${T}-filter--hidden`]: u,
+          "is-closing": y
         }),
         ...i,
         ref: _,
         children: [
           /* @__PURE__ */ t("fieldset", { name: a, className: `${e}__fieldset`, children: [
-            $,
-            /* @__PURE__ */ d("div", { className: `${e}__filters`, children: g })
+            F,
+            /* @__PURE__ */ d("div", { className: `${e}__filters`, children: $ })
           ] }),
           s.length > n && !r ? /* @__PURE__ */ t(
-            O,
+            k,
             {
               className: `${e}__view-all`,
-              variant: R.tertiary,
+              variant: O.tertiary,
               onClick: () => {
                 l?.(a);
               },
               children: [
-                u,
-                /* @__PURE__ */ d(S, { icon: "ChevronNext", className: `${e}__chevron` })
+                N,
+                /* @__PURE__ */ d(S, { icon: "ChevronRight", className: `${e}__chevron` })
               ]
             }
           ) : null

package/dist/components/Filter/FilterHeader.js

@@ -1,30 +1,30 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { getCommonProps as h } from "../../utils/index.js";
-import u from "../../node_modules/classnames/index.js";
+import { getCommonProps as u } from "../../utils/index.js";
+import h from "../../node_modules/classnames/index.js";
 import { TextVariants as N } from "../Text/types.js";
 import x from "../Text/Text.js";
-import _ from "../Button/Button.js";
-import { ButtonVariants as v } from "../Button/types.js";
-import C from "../Icon/Icon.js";
+import v from "../Button/Button.js";
+import { ButtonVariants as C } from "../Button/types.js";
+import _ from "../Icon/Icon.js";
 const g = p(
-  ({ className: m, heading: s, isViewingAll: l = !1, setViewAllFilter: n, setIsClosing: a, ...o }, i) => {
-    const { className: e, ...c } = h(o, "FilterHeader"), d = () => {
+  ({ className: m, heading: i, isViewingAll: l = !1, setViewAllFilter: n, setIsClosing: a, ...o }, s) => {
+    const { className: e, ...c } = u(o, "FilterHeader"), f = () => {
       a?.(!0), setTimeout(() => {
         n?.(null), a?.(!1);
       }, 300);
     };
-    return /* @__PURE__ */ t("div", { ...c, className: u(e, m), ...o, ref: i, children: [
+    return /* @__PURE__ */ t("div", { ...c, className: h(e, m), ...o, ref: s, children: [
       /* @__PURE__ */ r(
         x,
         {
           variant: N.heading4,
           className: `${e}__heading`,
-          element: (f) => /* @__PURE__ */ r("legend", { ...f, children: s })
+          element: (d) => /* @__PURE__ */ r("legend", { ...d, children: i })
         }
       ),
-      l ? /* @__PURE__ */ t(_, { variant: v.tertiary, onClick: d, className: `${e}__back`, children: [
-        /* @__PURE__ */ r(C, { icon: "ChevronNext", className: `${e}__chevron` }),
+      l ? /* @__PURE__ */ t(v, { variant: C.tertiary, onClick: f, className: `${e}__back`, children: [
+        /* @__PURE__ */ r(_, { icon: "ChevronLeft" }),
         "Back to all"
       ] }) : null
     ] });

package/dist/components/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import * as iconComponents from '../../assets/formatted';
 export type IconName = keyof typeof iconComponents;
 export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -10,7 +11,7 @@ export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     width?: number | string | null;
     /**
-     * Color of the icon. Only accepts valid seldon color tokens. Defaults to $pure-black
+     * Color of the icon. Can be set to "currentColor" if you want to control the color through css. Otherwise, it only accepts valid seldon color tokens. Defaults to $pure-black
      */
     color?: string;
     /**
@@ -25,5 +26,5 @@ export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-icon--overview)
  */
-declare const Icon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
 export default Icon;

package/dist/components/Icon/Icon.js

@@ -1,18 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 import d from "../../node_modules/classnames/index.js";
 import { getCommonProps as u, px as x } from "../../utils/index.js";
-import { getScssVar as N } from "../../utils/scssUtils.js";
-import * as C from "../../assets/formatted/index.js";
+import { getScssVar as C } from "../../utils/scssUtils.js";
+import * as N from "../../assets/formatted/index.js";
 const I = i(
-  ({ className: a, height: o, width: r, color: c, icon: m, ...e }, p) => {
-    const { className: t, ...l } = u(e, `Icon-${m}`), s = C[m], f = {
-      color: N(c ?? "", "$pure-black"),
-      ...o ? { height: o } : {},
-      ...r ? { width: r } : {},
+  ({ className: e, height: r, width: m, color: o, icon: s, ...t }, c) => {
+    const { className: p, ...l } = u(t, `Icon-${s}`), n = N[s], f = {
+      color: o === "currentColor" ? o : C(o ?? "", "$pure-black"),
+      ...r ? { height: r } : {},
+      ...m ? { width: m } : {},
       ...l
     };
-    return s ? /* @__PURE__ */ n("div", { className: d(`${x}-icon`, t, a), ref: p, children: /* @__PURE__ */ n(s, { ...f }) }) : null;
+    return n ? /* @__PURE__ */ a("div", { className: d(`${x}-icon`, p, e), ref: c, children: /* @__PURE__ */ a(n, { ...f }) }) : null;
   }
 );
 I.displayName = "Icon";

package/dist/components/Modal/Modal.js

@@ -1,8 +1,8 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { jsxs as u, jsx as l } from "react/jsx-runtime";
 import t from "../../node_modules/classnames/index.js";
-import { getCommonProps as y, noOp as C } from "../../utils/index.js";
+import { getCommonProps as C, noOp as y } from "../../utils/index.js";
 import h from "../Icon/Icon.js";
-import l from "../../node_modules/react-modal/lib/index.js";
+import s from "../../node_modules/react-modal/lib/index.js";
 import b from "../IconButton/IconButton.js";
 import { ButtonVariants as v } from "../Button/types.js";
 const g = ({
@@ -10,21 +10,21 @@ const g = ({
   className: n,
   overlayClassName: i,
   isOpen: o = !1,
-  onClose: a = C,
+  onClose: r = y,
   appElementSelector: d = "main",
   style: c,
-  ...r
+  ...a
 }) => {
   if (!o)
     return null;
-  const { className: e, "data-testid": f, ...p } = y(r, "Modal");
-  return l.setAppElement(d), /* @__PURE__ */ u(
-    l,
+  const { className: e, "data-testid": f, ...p } = C(a, "Modal");
+  return s.setAppElement(d), /* @__PURE__ */ u(
+    s,
     {
       ...p,
-      ...r,
+      ...a,
       isOpen: o,
-      onRequestClose: a,
+      onRequestClose: r,
       className: t(e, n),
       overlayClassName: t(`${e}__overlay`, i),
       ariaHideApp: o,
@@ -33,15 +33,15 @@ const g = ({
       onAfterOpen: () => document.body.style.overflow = "hidden",
       onAfterClose: () => document.body.style.overflow = "unset",
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           b,
           {
             id: "modal-button",
-            onClick: a,
+            onClick: r,
             "aria-label": "Close Modal",
             className: t(`${e}__close`),
             variant: v.tertiary,
-            children: /* @__PURE__ */ s(h, { icon: "Close", height: 32, width: 32 })
+            children: /* @__PURE__ */ l(h, { icon: "CloseX", height: 32, width: 32, color: "currentColor" })
           }
         ),
         m

package/dist/components/Search/SearchButton.js

@@ -20,7 +20,7 @@ const f = ({
     onClick: (i) => {
       b?.(), u(!1), i.stopPropagation();
     },
-    children: /* @__PURE__ */ n(e, { icon: "Close", "data-testid": `${o}-form-icon`, className: `${t}__button__icon` })
+    children: /* @__PURE__ */ n(e, { icon: "CloseX", "data-testid": `${o}-form-icon`, className: `${t}__button__icon` })
   }
 ) : null : /* @__PURE__ */ n(
   "button",

package/dist/components/Tags/Tags.js

@@ -1,47 +1,47 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import N, { forwardRef as y } from "react";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import N, { forwardRef as C } from "react";
 import d from "../../node_modules/classnames/index.js";
-import { getCommonProps as b, px as r } from "../../utils/index.js";
+import { getCommonProps as y, px as t } from "../../utils/index.js";
 import $ from "../Button/Button.js";
 import { ButtonVariants as g } from "../Button/types.js";
-import p from "../Icon/Icon.js";
-const R = ({ id: o, className: a, onRemove: i, label: s, removeText: e = "Remove" }) => /* @__PURE__ */ m(
+import u from "../Icon/Icon.js";
+const j = ({ id: i, className: a, onRemove: e, label: o, removeText: s = "Remove" }) => /* @__PURE__ */ n(
   $,
   {
-    className: d(`${r}-tag`, `${r}-button`, a),
-    "aria-label": `${e} ${s}`,
-    onClick: () => i(s),
+    className: d(`${t}-tag`, `${t}-button`, a),
+    "aria-label": `${s} ${o}`,
+    onClick: () => e(o),
     variant: g.tertiary,
     children: [
-      /* @__PURE__ */ t("div", { className: `${r}-tag__label`, children: s }),
-      /* @__PURE__ */ t("div", { className: `${r}-tag__button`, "data-testid": `${o}-item-close-button`, children: /* @__PURE__ */ t(p, { icon: "Close", height: 24, width: 24 }) })
+      /* @__PURE__ */ r("div", { className: `${t}-tag__label`, children: o }),
+      /* @__PURE__ */ r("div", { className: `${t}-tag__button`, "data-testid": `${i}-item-close-button`, children: /* @__PURE__ */ r(u, { icon: "CloseX", height: 8, width: 8, color: "currentColor", className: `${t}-tag__icon` }) })
     ]
   }
-), v = y(
-  ({ className: o, children: a, clearAllLabel: i = "Clear All", onClear: s, ...e }, f) => {
-    const l = "tags-list", { className: h, ...u } = b(e, "TagsList"), { id: n } = e;
-    return /* @__PURE__ */ m(
+), _ = C(
+  ({ className: i, children: a, clearAllLabel: e = "Clear All", onClear: o, ...s }, f) => {
+    const l = "tags-list", { className: p, ...h } = y(s, "TagsList"), { id: m } = s;
+    return /* @__PURE__ */ n(
       "ul",
       {
-        className: d(`${r}-${l}`, h, o),
-        ...u,
-        ...e,
+        className: d(`${t}-${l}`, p, i),
+        ...h,
+        ...s,
         tabIndex: 0,
-        "data-testid": `${l}-${n}`,
+        "data-testid": `${l}-${m}`,
         ref: f,
         children: [
-          Array.isArray(a) ? N.Children.map(a, (c) => /* @__PURE__ */ t("li", { children: c }, c.props.id)) : a,
-          Array.isArray(a) && a.length > 0 && /* @__PURE__ */ t("li", { children: /* @__PURE__ */ m(
+          Array.isArray(a) ? N.Children.map(a, (c) => /* @__PURE__ */ r("li", { children: c }, c.props.id)) : a,
+          Array.isArray(a) && a.length > 0 && /* @__PURE__ */ r("li", { children: /* @__PURE__ */ n(
             $,
             {
-              onClick: s,
-              "data-testid": `${n}-clear-all-button`,
-              className: `${r}-${l}--clear`,
-              "aria-label": i,
+              onClick: o,
+              "data-testid": `${m}-clear-all-button`,
+              className: `${t}-${l}--clear`,
+              "aria-label": e,
               variant: g.tertiary,
               children: [
-                /* @__PURE__ */ t(p, { icon: "ArrowPrev", height: 24, width: 24 }),
-                /* @__PURE__ */ t("div", { className: `${r}-label`, children: i })
+                /* @__PURE__ */ r(u, { icon: "ArrowLeft", color: "currentColor", height: 24, width: 24 }),
+                /* @__PURE__ */ r("div", { className: `${t}-label`, children: e })
               ]
             }
           ) })
@@ -50,8 +50,8 @@ const R = ({ id: o, className: a, onRemove: i, label: s, removeText: e = "Remove
     );
   }
 );
-v.displayName = "Tags";
+_.displayName = "Tags";
 export {
-  R as Tag,
-  v as default
+  j as Tag,
+  _ as default
 };

package/dist/index.d.ts

@@ -1,71 +1,72 @@
 export * from './utils';
 export { default as Page } from './pages/Page';
-export * from './utils/hooks';
 export * from './providers/SeldonProvider/utils';
+export * from './utils/hooks';
 export * from './types/commonTypes';
 export { default as Button, type ButtonProps } from './components/Button/Button';
 export { ButtonVariants } from './components/Button/types';
 export { default as IconButton } from './components/IconButton/IconButton';
+export * from './components/Accordion';
+export { Breadcrumb, type BreadcrumbProps } from './components/Breadcrumb';
+export * from './components/Carousel';
+export * from './components/Collapsible';
+export * from './components/ContentPeek';
+export * from './components/Detail';
+export { default as Drawer } from './components/Drawer/Drawer';
+export * from './components/Dropdown';
 export { default as ErrorBoundary, type ErrorBoundaryProps } from './components/ErrorBoundary/ErrorBoundary';
-export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
 export { default as Grid, type GridProps } from './components/Grid/Grid';
-export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
-export { default as Navigation, type NavigationProps } from './components/Navigation/Navigation';
-export { default as NavigationItem, type NavigationItemProps, } from './components/Navigation/NavigationItem/NavigationItem';
-export { default as NavigationItemTrigger, type NavigationItemTriggerProps, } from './components/Navigation/NavigationItemTrigger/NavigationItemTrigger';
-export { default as NavigationList, type NavigationListProps, } from './components/Navigation/NavigationList/NavigationList';
-export { default as HeroBanner, type HeroBannerProps } from './patterns/HeroBanner/HeroBanner';
+export { default as GridItem, type GridItemProps } from './components/GridItem/GridItem';
+export { GridItemAlign } from './components/GridItem/types';
 export { default as Input, type InputProps } from './components/Input/Input';
 export { default as Link, type LinkProps } from './components/Link/Link';
 export { LinkVariants } from './components/Link/types';
 export { default as LinkBlock, type LinkBlockProps } from './components/LinkBlock/LinkBlock';
 export { default as LinkList, type LinkListProps } from './components/LinkList/LinkList';
+export { default as Modal, type ModalProps } from './components/Modal/Modal';
+export { default as Navigation, type NavigationProps } from './components/Navigation/Navigation';
+export { default as NavigationItem, type NavigationItemProps, } from './components/Navigation/NavigationItem/NavigationItem';
+export { default as NavigationItemTrigger, type NavigationItemTriggerProps, } from './components/Navigation/NavigationItemTrigger/NavigationItemTrigger';
+export { default as NavigationList, type NavigationListProps, } from './components/Navigation/NavigationList/NavigationList';
+export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
+export { default as Pagination, type PaginationOption, type PaginationOptionValue, type PaginationProps, } from './components/Pagination/Pagination';
+export * from './components/PinchZoom';
 export { default as Row, type RowProps } from './components/Row/Row';
-export { default as GridItem, type GridItemProps } from './components/GridItem/GridItem';
-export { GridItemAlign } from './components/GridItem/types';
 export { default as Search, type SearchProps } from './components/Search/Search';
+export * from './components/SeldonImage';
 export { default as Select, type SelectProps } from './components/Select/Select';
 export { SelectVariants } from './components/Select/types';
 export { default as SplitPanel, type SplitPanelProps } from './components/SplitPanel/SplitPanel';
-export { default as Subscribe, type SubscribeProps } from './patterns/Subscribe/Subscribe';
-export { SubscriptionState } from './patterns/Subscribe/types';
-export { default as Social, type SocialProps } from './patterns/Social/Social';
-export { default as ViewingsList, type ViewingsListProps } from './patterns/ViewingsList/ViewingsList';
-export { default as Modal, type ModalProps } from './components/Modal/Modal';
-export { default as Drawer } from './components/Drawer/Drawer';
-export { default as Pagination, type PaginationProps, type PaginationOption, type PaginationOptionValue, } from './components/Pagination/Pagination';
-export { default as TagsList, Tag, type TagsListProps, type TagProps } from './components/Tags/Tags';
-export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './patterns/ViewingsList/StatefulViewingsList';
+export * from './components/Tabs';
+export { Tag, default as TagsList, type TagProps, type TagsListProps } from './components/Tags/Tags';
 export * from './components/Text';
 export * from './components/TextSymbol';
-export * from './components/Accordion';
-export { default as UserManagement, type UserManagementProps } from './patterns/UserManagement/UserManagement';
-export { AuthState } from './patterns/UserManagement/types';
-export * from './types/commonTypes';
-export { Breadcrumb, type BreadcrumbProps } from './components/Breadcrumb';
-export * from './components/Dropdown';
 export { default as Video, type VideoProps } from './components/Video/Video';
-export * from './patterns/LanguageSelector';
-export * from './components/ContentPeek';
-export * from './components/Collapsible';
-export * from './providers/SeldonProvider/SeldonProvider';
-export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
-export * from './components/Carousel';
-export * from './components/Detail';
 export * from './patterns/DetailList';
-export * from './components/PinchZoom';
-export * from './components/Tabs';
-export * from './components/SeldonImage';
+export * from './patterns/FavoritesCollectionTile';
+export { default as HeroBanner, type HeroBannerProps } from './patterns/HeroBanner/HeroBanner';
+export * from './patterns/LanguageSelector';
 export * from './patterns/SaleHeaderBanner';
-export * from './utils/hooks';
-export * from './patterns/FilterMenu';
-export * from './components/Filter';
+export { default as Social, type SocialProps } from './patterns/Social/Social';
+export { default as Subscribe, type SubscribeProps } from './patterns/Subscribe/Subscribe';
+export { SubscriptionState } from './patterns/Subscribe/types';
+export { AuthState } from './patterns/UserManagement/types';
+export { default as UserManagement, type UserManagementProps } from './patterns/UserManagement/UserManagement';
+export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './patterns/ViewingsList/StatefulViewingsList';
+export { default as ViewingsList, type ViewingsListProps } from './patterns/ViewingsList/ViewingsList';
+export * from './providers/SeldonProvider/SeldonProvider';
+export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
+export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
+export * from './types/commonTypes';
+export * from './components/Article';
 export * from './components/Countdown';
 export * from './components/Countdown/types';
-export * from './patterns/ObjectTile';
-export * from './patterns/BidSnapshot';
-export * from './components/Article';
 export * from './components/Divider';
 export * from './components/FavoritingTileButton';
+export * from './components/Filter';
 export * from './components/Icon';
 export * from './components/TextArea';
+export * from './patterns/BidSnapshot';
+export * from './patterns/FilterMenu';
+export * from './patterns/ObjectTile';
+export * from './utils/hooks';