@phillips/seldon 1.26.1 → 1.27.0

package/dist/assets/account_circle.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const C = (t) => /* @__PURE__ */ e.createElement("svg", { width: 19, height: 20, viewBox: "0 0 19 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M9.5026 0.833984C4.4426 0.833984 0.335938 4.94065 0.335938 10.0007C0.335938 15.0607 4.4426 19.1673 9.5026 19.1673C14.5626 19.1673 18.6693 15.0607 18.6693 10.0007C18.6693 4.94065 14.5626 0.833984 9.5026 0.833984ZM9.5026 3.58398C11.0243 3.58398 12.2526 4.81232 12.2526 6.33398C12.2526 7.85565 11.0243 9.08398 9.5026 9.08398C7.98094 9.08398 6.7526 7.85565 6.7526 6.33398C6.7526 4.81232 7.98094 3.58398 9.5026 3.58398ZM9.5026 16.6007C7.21094 16.6007 5.1851 15.4273 4.0026 13.649C4.0301 11.8248 7.66927 10.8257 9.5026 10.8257C11.3268 10.8257 14.9751 11.8248 15.0026 13.649C13.8201 15.4273 11.7943 16.6007 9.5026 16.6007Z", fill: "#ADADAD" }));
+export {
+  C as default
+};

package/dist/assets/search.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("g", { id: "Search" }, /* @__PURE__ */ e.createElement("path", { id: "Vector", d: "M12.0209 10.9563H11.4603L11.2616 10.7647C12.1131 9.77122 12.5531 8.41582 12.3118 6.97527C11.9783 5.00249 10.3319 3.4271 8.34498 3.18583C5.34323 2.81682 2.81694 5.34311 3.18595 8.34486C3.42723 10.3318 5.00261 11.9782 6.97539 12.3117C8.41594 12.553 9.77134 12.113 10.7648 11.2614L10.9564 11.4601V12.0208L13.9724 15.0367C14.2633 15.3276 14.7388 15.3276 15.0297 15.0367C15.3207 14.7457 15.3207 14.2703 15.0297 13.9793L12.0209 10.9563ZM7.76308 10.9563C5.99609 10.9563 4.56973 9.52994 4.56973 7.76296C4.56973 5.99597 5.99609 4.56961 7.76308 4.56961C9.53006 4.56961 10.9564 5.99597 10.9564 7.76296C10.9564 9.52994 9.53006 10.9563 7.76308 10.9563Z", fill: "black" })));
+export {
+  a as default
+};

package/dist/components/Button/Button.d.ts

@@ -6,7 +6,7 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     /**
      * True if button comes after text
      */
-    iconLast?: boolean;
+    isIconLast?: boolean;
     /**
      * Optional click handler
      */
@@ -33,5 +33,5 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
  */
-declare const Button: ({ buttonType, size, children, className, iconLast, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ buttonType, size, children, className, isIconLast: iconLast, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,31 +1,31 @@
 import { jsx as l } from "react/jsx-runtime";
-import u from "../../node_modules/classnames/index.js";
-import { getCommonProps as $ } from "../../utils/index.js";
+import i from "../../node_modules/classnames/index.js";
+import { getCommonProps as u } from "../../utils/index.js";
 const b = ({
-  buttonType: s = "primary",
+  buttonType: t = "primary",
   size: m = "md",
   children: a,
-  className: r,
-  iconLast: n = !1,
+  className: n,
+  isIconLast: r = !1,
   type: e = "button",
-  ...t
+  ...s
 }) => {
-  const { className: o, ...c } = $(t, "Button");
+  const { className: o, ...c } = u(s, "Button");
   return /* @__PURE__ */ l(
     "button",
     {
       ...c,
       type: e,
-      className: u(
+      className: i(
         `${o}`,
         `${o}--${m}`,
-        `${o}--${s}`,
+        `${o}--${t}`,
         {
-          [`${o}--icon-last`]: n
+          [`${o}--icon-last`]: r
         },
-        r
+        n
       ),
-      ...t,
+      ...s,
       children: a
     }
   );

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

@@ -1,11 +1,28 @@
-type User = {
-    name: string;
-};
-export interface HeaderProps {
-    user?: User;
-    onLogin?: () => void;
-    onLogout?: () => void;
-    onCreateAccount?: () => void;
+import * as React from 'react';
+export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Default mobile menu label
+     */
+    defaultMobileMenuLabel?: string;
+    /**
+     * Logo src
+     */
+    logo?: React.ReactElement<React.Component> | string;
+    /**
+     * Toggle open text
+     */
+    toggleOpenText?: string;
+    /**
+     * Toggle close text
+     */
+    toggleCloseText?: string;
 }
-declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderContext: React.Context<{
+    defaultMobileMenuLabel: string;
+    expandedItem: string;
+    setExpandedItem: (_item: string) => void;
+    isExpanded: boolean;
+    onSelect: (_label: string) => void;
+}>;
+declare const Header: ({ defaultMobileMenuLabel, logo, className, children, toggleOpenText, toggleCloseText, ...props }: React.PropsWithChildren<HeaderProps>) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/Header/Header.js

@@ -1,26 +1,72 @@
-import { jsx as l, jsxs as e, Fragment as d } from "react/jsx-runtime";
-import i from "../Button/Button.js";
-const a = ({ user: n, onLogin: h, onLogout: r, onCreateAccount: c }) => /* @__PURE__ */ l("header", { children: /* @__PURE__ */ e("div", { className: "storybook-header", children: [
-  /* @__PURE__ */ e("div", { children: [
-    /* @__PURE__ */ l("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("g", { fill: "none", fillRule: "evenodd", children: [
-      /* @__PURE__ */ l("path", { d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z", fill: "#FFF" }),
-      /* @__PURE__ */ l("path", { d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z", fill: "#555AB9" }),
-      /* @__PURE__ */ l("path", { d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z", fill: "#91BAF8" })
-    ] }) }),
-    /* @__PURE__ */ l("h1", { children: "Acme" })
-  ] }),
-  /* @__PURE__ */ l("div", { children: n ? /* @__PURE__ */ e(d, { children: [
-    /* @__PURE__ */ e("span", { className: "welcome", children: [
-      "Welcome, ",
-      /* @__PURE__ */ l("b", { children: n.name }),
-      "!"
-    ] }),
-    /* @__PURE__ */ l(i, { size: "sm", onClick: r, children: "Log out" })
-  ] }) : /* @__PURE__ */ e(d, { children: [
-    /* @__PURE__ */ l(i, { size: "sm", onClick: h, children: "Log in" }),
-    /* @__PURE__ */ l(i, { size: "sm", onClick: c, children: "Sign up" })
-  ] }) })
-] }) });
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import o from "../../node_modules/classnames/index.js";
+import * as i from "react";
+import { px as a } from "../../utils/index.js";
+import I from "../Search/Search.js";
+const y = i.createContext({
+  defaultMobileMenuLabel: "",
+  expandedItem: "",
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+  setExpandedItem: (e) => {
+  },
+  isExpanded: !1,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+  onSelect: (e) => {
+  }
+}), k = ({
+  defaultMobileMenuLabel: e = "Main Menu",
+  logo: s,
+  className: _,
+  children: g,
+  toggleOpenText: m = "Open Menu",
+  toggleCloseText: l = "Close Menu",
+  ...x
+}) => {
+  const [r, v] = i.useState(!1), [h, c] = i.useState(e), d = r ? l : m, S = h !== e, p = function() {
+    v((n) => !n), c(e);
+  }, $ = function(n) {
+    c((f) => f === e ? n : e);
+  };
+  return /* @__PURE__ */ u("header", { ...x, className: o(`${a}-header`, _), children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: o(`${a}-header__overlay`, { [`${a}-header__overlay--active`]: r }),
+        "data-testid": "header-overlay",
+        onClick: p
+      }
+    ),
+    /* @__PURE__ */ t(
+      "button",
+      {
+        "aria-label": d,
+        "data-testid": "mobile-menu-toggle",
+        type: "button",
+        onClick: p,
+        className: o(`${a}-header__toggle-btn`, {
+          [`${a}-header__toggle-btn--open`]: d === l
+        }),
+        children: /* @__PURE__ */ t("span", { children: d })
+      }
+    ),
+    /* @__PURE__ */ t("h1", { "data-testid": "header-logo", className: `${a}-header__logo`, tabIndex: d === m ? 0 : -1, children: typeof s == "object" ? s : /* @__PURE__ */ t("img", { "data-testid": "header-logo-img", src: s, height: "14" }) }),
+    /* @__PURE__ */ t("div", { className: o(`${a}-header__nav`, { [`${a}-header__nav--open`]: r }), children: /* @__PURE__ */ t(
+      y.Provider,
+      {
+        value: {
+          defaultMobileMenuLabel: e,
+          expandedItem: h,
+          setExpandedItem: (n) => c(n),
+          isExpanded: S,
+          onSelect: (n) => $(n)
+        },
+        children: g
+      }
+    ) }),
+    /* @__PURE__ */ t(I, {})
+  ] });
+};
 export {
-  a as default
+  y as HeaderContext,
+  k as default
 };

package/dist/components/Link/utils.d.ts

@@ -8,5 +8,11 @@ export declare enum LinkVariants {
     /** these links are being rendered in a list */
     list = "list",
     /** link is being rendered within body copy */
-    inline = "inline"
+    inline = "inline",
+    /** link is being rendered in the main nav bar */
+    navMain = "navMain",
+    /** link is being rendered in a nav bar flyout*/
+    navLinkLg = "navLinkLg",
+    /** link is being rendered in a nav bar flyout*/
+    navLinkSm = "navLinkSm"
 }

package/dist/components/Link/utils.js

@@ -1,10 +1,10 @@
-import { px as t } from "../../utils/index.js";
-const a = (l) => `${t}-link--${l}`, o = (l) => !!(l != null && l.match(
+import { px as l } from "../../utils/index.js";
+const m = (n) => `${l}-link--${n}`, t = (n) => !!(n != null && n.match(
   /(http[s]?:\/\/)(?!.*phillips\.com)([a-zA-Z0-9\-.]+)(:[0-9]{1,4})?([a-zA-Z0-9/\-._~:?#[\]@!$&'()*+,;=]*)/g
 ));
-var i = /* @__PURE__ */ ((l) => (l.standalone = "standalone", l.email = "email", l.list = "list", l.inline = "inline", l))(i || {});
+var a = /* @__PURE__ */ ((n) => (n.standalone = "standalone", n.email = "email", n.list = "list", n.inline = "inline", n.navMain = "navMain", n.navLinkLg = "navLinkLg", n.navLinkSm = "navLinkSm", n))(a || {});
 export {
-  i as LinkVariants,
-  a as getLinkVariantClassName,
-  o as isLinkExternal
+  a as LinkVariants,
+  m as getLinkVariantClassName,
+  t as isLinkExternal
 };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
+    backBtnLabel?: string;
+    /**
+     * Optional visible state
+     */
+    visible?: boolean;
+}
+declare const Navigation: ({ backBtnLabel, children, className, id, visible, }: React.PropsWithChildren<NavigationProps>) => import("react/jsx-runtime").JSX.Element;
+export default Navigation;

package/dist/components/Navigation/Navigation.js

@@ -0,0 +1,50 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import * as x from "react";
+import { px as e } from "../../utils/index.js";
+import d from "../../node_modules/classnames/index.js";
+import { HeaderContext as v } from "../Header/Header.js";
+const _ = ({
+  backBtnLabel: i,
+  children: r,
+  className: b,
+  id: a,
+  visible: n = !0
+}) => {
+  const { defaultMobileMenuLabel: l, isExpanded: s, expandedItem: t, setExpandedItem: m } = x.useContext(v), c = () => m(t === l ? t : l);
+  return /* @__PURE__ */ p(
+    "nav",
+    {
+      role: "navigation",
+      "aria-labelledby": `${a}-label`,
+      "data-testid": a,
+      id: a,
+      className: d(`${e}-nav`, b, { [`${e}-nav--expanded`]: s }),
+      children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            "data-testid": `${a}-back-btn`,
+            tabIndex: s ? 0 : -1,
+            className: `${e}-nav__back-btn`,
+            onClick: c,
+            children: i
+          }
+        ),
+        /* @__PURE__ */ o(
+          "h2",
+          {
+            id: `${a}-label`,
+            "data-testid": `${a}-label`,
+            className: d(`${e}-nav__label`, { [`${e}-nav__label--hidden`]: !n }),
+            style: { "--visible": n ? "visible" : "hidden" },
+            children: t || "Main Menu"
+          }
+        ),
+        r
+      ]
+    }
+  );
+};
+export {
+  _ as default
+};

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { LinkVariants } from '../../Link/utils';
+export interface NavigationItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {
+    /**
+     * Optional badge for navigation item. Used currently for location of auctions
+     */
+    badge?: React.ReactNode;
+    /**
+     * href link
+     */
+    href?: string;
+    /**
+     * Optional listen to onClick event
+     */
+    onClick?: (event: React.MouseEvent<HTMLLIElement>) => void;
+    /**
+     * Label for the navigation item
+     */
+    label?: React.ReactNode;
+    /**
+     * Optional group for navigation items
+     */
+    navGroup?: 'nav-link-lg' | 'nav-link-sm';
+    /**
+     * Optional type for navigation item
+     */
+    navType?: LinkVariants;
+}
+declare const NavigationItem: ({ badge, className, href, label, navGroup, navType, onClick, ...props }: React.PropsWithChildren<NavigationItemProps>) => import("react/jsx-runtime").JSX.Element;
+export default NavigationItem;

package/dist/components/Navigation/NavigationItem/NavigationItem.js

@@ -0,0 +1,35 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as p from "react";
+import { px as t } from "../../../utils/index.js";
+import f from "../../../node_modules/classnames/index.js";
+import x from "../../Link/Link.js";
+import { LinkVariants as v } from "../../Link/utils.js";
+import { HeaderContext as _ } from "../../Header/Header.js";
+const k = ({
+  badge: e,
+  className: m = "",
+  href: r,
+  label: n,
+  navGroup: s,
+  navType: i,
+  onClick: o,
+  ...l
+}) => {
+  const { expandedItem: c } = p.useContext(_);
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      ...l,
+      onClick: o,
+      "data-testid": `nav-item-${n}`,
+      className: f(`${t}-nav__item`, s, m),
+      children: /* @__PURE__ */ d(x, { href: r, variant: i || v.navMain, tabIndex: c === "" ? 0 : -1, children: [
+        /* @__PURE__ */ a("span", { className: `${t}-nav__item--label`, children: n }),
+        e ? /* @__PURE__ */ a("span", { className: `${t}-nav__item--badge `, children: e }) : null
+      ] })
+    }
+  );
+};
+export {
+  k as default
+};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface NavigationItemTriggerProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Label for the navigation item
+     */
+    label: string;
+}
+declare const NavigationItemTrigger: ({ id, label, children, className, ...props }: React.PropsWithChildren<NavigationItemTriggerProps>) => import("react/jsx-runtime").JSX.Element;
+export default NavigationItemTrigger;

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

@@ -0,0 +1,31 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import * as l from "react";
+import { px as t } from "../../../utils/index.js";
+import p from "../../../node_modules/classnames/index.js";
+import { HeaderContext as x } from "../../Header/Header.js";
+const u = ({
+  id: r,
+  label: e,
+  children: i,
+  className: m,
+  ...o
+}) => {
+  const { expandedItem: a, onSelect: s } = l.useContext(x), c = () => s(e);
+  return /* @__PURE__ */ d(
+    "li",
+    {
+      "aria-expanded": a === e,
+      "data-testid": `nav-item-trigger-${r}`,
+      className: p(m, `${t}-nav__item`, { [`${t}-nav__item--expanded`]: a === e }),
+      onClick: c,
+      ...o,
+      children: [
+        /* @__PURE__ */ n("button", { className: `${t}-nav__item-trigger`, type: "button", children: /* @__PURE__ */ n("label", { className: `${t}-nav__item--label`, children: e }) }),
+        i
+      ]
+    }
+  );
+};
+export {
+  u as default
+};

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface NavigationListProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * id for the navigation list
+     */
+    id: string;
+}
+declare const NavigationList: ({ id, children, className }: React.PropsWithChildren<NavigationListProps>) => import("react/jsx-runtime").JSX.Element;
+export default NavigationList;

package/dist/components/Navigation/NavigationList/NavigationList.js

@@ -0,0 +1,32 @@
+import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import * as r from "react";
+import { px as a } from "../../../utils/index.js";
+import l from "../../../node_modules/classnames/index.js";
+import { HeaderContext as v } from "../../Header/Header.js";
+const x = ({ id: o, children: n, className: _ }) => {
+  const { isExpanded: i } = r.useContext(v), s = r.Children.toArray(n).filter((t) => {
+    if (t && t.props.navGroup === "nav-link-lg")
+      return t;
+  }), e = r.Children.toArray(n).filter((t) => {
+    if (t && t.props.navGroup === "nav-link-sm")
+      return t;
+  });
+  return /* @__PURE__ */ p(
+    "ul",
+    {
+      id: o,
+      "data-testid": o,
+      role: "list",
+      "aria-expanded": i,
+      className: l(_, `${a}-nav__list`, { [`${a}-nav__list--expanded`]: i }),
+      children: [
+        s.length > 0 ? /* @__PURE__ */ m("div", { className: l(`${a}-nav__list__section`, `${a}-nav__list__section--large-cta`), children: s.map((t) => t) }) : null,
+        e.length > 0 ? /* @__PURE__ */ m("div", { className: l(`${a}-nav__list__section`, `${a}-nav__list__section--small-cta`), children: e.map((t) => t) }) : null,
+        !s.length && !e.length ? n : null
+      ]
+    }
+  );
+};
+export {
+  x as default
+};

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface SearchProps extends React.HTMLAttributes<HTMLElement> {
+    altText?: string;
+    useIcon?: boolean;
+}
+declare const Search: ({ altText, useIcon }: React.PropsWithChildren<SearchProps>) => import("react/jsx-runtime").JSX.Element;
+export default Search;

package/dist/components/Search/Search.js

@@ -0,0 +1,49 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import * as n from "react";
+import { px as a } from "../../utils/index.js";
+import o from "../../node_modules/classnames/index.js";
+import p from "../Input/Input.js";
+import i from "../../assets/search.svg.js";
+const v = ({ altText: h = "Search", useIcon: r = !0 }) => {
+  const [t, l] = n.useState(!1), s = () => {
+    l(!t);
+  };
+  return /* @__PURE__ */ c("div", { "data-testid": "header-search", className: `${a}-search`, role: "search", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "data-testid": "search-overlay",
+        className: o(`${a}-search__overlay`, { [`${a}-search__overlay--active`]: t }),
+        onClick: s
+      }
+    ),
+    /* @__PURE__ */ e("button", { "data-testid": "search-button", className: `${a}-search__button`, onClick: s, children: r ? /* @__PURE__ */ e(i, { "data-testid": "search-button-icon", className: `${a}-search__button__icon` }) : "Search" }),
+    /* @__PURE__ */ c(
+      "form",
+      {
+        "data-testid": "search-form",
+        className: o(
+          `${a}-search__input-wrapper`,
+          { [`${a}-search__input-wrapper--active`]: t },
+          { [`${a}-search__input-wrapper--use-icon`]: r }
+        ),
+        children: [
+          r ? /* @__PURE__ */ e(i, { "data-testid": "search-form-icon", className: `${a}-search__input-wrapper__icon` }) : null,
+          /* @__PURE__ */ e(
+            p,
+            {
+              className: `${a}-search__input`,
+              alt: h,
+              hideLabel: !0,
+              placeholder: "Type to search",
+              type: "text"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  v as default
+};

package/dist/components/Select/Select.js

@@ -1,15 +1,15 @@
-import { jsxs as R, jsx as l } from "react/jsx-runtime";
-import * as y from "react";
-import a from "../../node_modules/classnames/index.js";
-import { px as t, useNormalizedInputProps as z } from "../../utils/index.js";
-const S = y.forwardRef(
+import { jsxs as P, jsx as l } from "react/jsx-runtime";
+import * as R from "react";
+import n from "../../node_modules/classnames/index.js";
+import { px as t, useNormalizedInputProps as S } from "../../utils/index.js";
+const z = R.forwardRef(
   ({
     children: r,
-    className: n,
-    defaultValue: o,
-    disabled: d,
+    className: a,
+    defaultValue: d,
+    disabled: o,
     hideLabel: u,
-    id: e,
+    id: i,
     inline: m,
     invalid: $,
     invalidText: c,
@@ -21,38 +21,39 @@ const S = y.forwardRef(
     value: h,
     warn: v,
     warnText: x,
-    ...j
-  }, N) => {
-    const s = "select", i = z({ disabled: d, id: e, invalid: $, invalidText: c, readOnly: p, type: s, warn: v, warnText: x }), P = a(`${t}-${s}-input`, `${t}-input`, `${t}-input--${w}`, {
+    ...N
+  }, j) => {
+    const s = "select", e = S({ disabled: o, id: i, invalid: $, invalidText: c, readOnly: p, type: s, warn: v, warnText: x }), y = n(`${t}-${s}-input`, `${t}-input`, `${t}-input--${w}`, {
       [`${t}-input--inline`]: m,
       [`${t}-input--readonly`]: p,
-      [`${t}-input--disabled`]: i.disabled,
-      [`${t}-input--invalid`]: i.invalid,
-      [`${t}-input--warn`]: i.warn,
-      [`${n}__wrapper`]: n
+      [`${t}-input--disabled`]: e.disabled,
+      [`${t}-input--invalid`]: e.invalid,
+      [`${t}-input--warn`]: e.warn,
+      [`${a}__wrapper`]: a
     });
-    return /* @__PURE__ */ R("div", { className: P, children: [
-      /* @__PURE__ */ l("label", { htmlFor: e, className: a(`${t}-input__label`, { [`${t}-input__label--hidden`]: u }), children: _ }),
+    return /* @__PURE__ */ P("div", { className: y, children: [
+      /* @__PURE__ */ l("label", { htmlFor: i, className: n(`${t}-input__label`, { [`${t}-input__label--hidden`]: u }), children: _ }),
       /* @__PURE__ */ l(
         "select",
         {
-          className: a(`${t}-input__input`, { className: n }),
-          "data-testid": e,
-          defaultValue: o,
-          disabled: i.disabled,
-          id: e,
+          className: n(`${t}-input__input`, { className: a }),
+          "data-testid": i,
+          defaultValue: d,
+          disabled: e.disabled,
+          id: i,
           onChange: b,
           onClick: f,
-          ref: N,
+          ref: j,
           value: h,
-          ...j,
+          ...N,
           children: r
         }
       ),
-      i.validation
+      e.validation
     ] });
   }
 );
+z.displayName = "Select";
 export {
-  S as default
+  z as default
 };

package/dist/components/UserManagement/UserManagement.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { LinkProps } from '../Link/Link';
+import { SupportedLanguages } from '../../types/commonTypes';
+export interface UserManagementProps extends React.HTMLAttributes<HTMLDivElement> {
+    languageOptions?: {
+        label: string;
+        value: SupportedLanguages;
+    }[];
+    currentLanguage?: SupportedLanguages;
+    onLanguageChange?: (language: SupportedLanguages) => void;
+    isLoggedIn?: boolean;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    accountDetailsLink?: React.ElementType<LinkProps>;
+    loginLabel?: ReactNode;
+    logoutLabel?: ReactNode;
+}
+declare const UserManagement: ({ accountDetailsLink, children, className, currentLanguage, languageOptions, onLanguageChange, isLoggedIn, onLogin, onLogout, loginLabel, logoutLabel, ...props }: React.PropsWithChildren<UserManagementProps>) => import("react/jsx-runtime").JSX.Element;
+export default UserManagement;