@tedi-design-system/react 18.1.0-rc.12 → 18.1.0-rc.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "18.1.0-rc.12",
+  "version": "18.1.0-rc.13",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/tedi/components/buttons/collapse-button/collapse-button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),L=require("../../../../../external/classnames/index.cjs.js"),T=require("react"),d=require("../../base/icon/icon.cjs.js"),e=require("./collapse-button.module.scss.cjs.js"),v=require("../../../providers/label-provider/use-labels.cjs.js"),b=T.forwardRef((f,m)=>{const{open:a,onOpenChange:s,openText:x,closeText:_,hideText:t=!1,arrowType:o="default",size:n="default",inverted:y=!1,underline:h=!0,className:j,onClick:c,"aria-label":i,...N}=f,{getLabel:r}=v.useLabels(),u=a?_??r("close"):x??r("open"),q=t?i??u:i,C=p=>{c==null||c(p),!p.defaultPrevented&&(s==null||s(!a))},B=L.default(e.default["tedi-collapse-button"],{[e.default["tedi-collapse-button--open"]]:a,[e.default["tedi-collapse-button--small"]]:n==="small",[e.default["tedi-collapse-button--inverted"]]:y&&o!=="secondary",[e.default["tedi-collapse-button--icon-only"]]:t,[e.default["tedi-collapse-button--neutral"]]:t&&o!=="secondary",[e.default["tedi-collapse-button--secondary"]]:t&&o==="secondary",[e.default["tedi-collapse-button--no-underline"]]:!t&&!h},j);return l.jsxs("button",{ref:m,type:"button",...N,className:B,onClick:C,"aria-expanded":a,"aria-label":q,children:[!t&&l.jsx("span",{className:e.default["tedi-collapse-button__text"],children:u}),t?o==="secondary"?l.jsx("span",{className:e.default["tedi-collapse-button__icon-wrapper"],children:l.jsx(d.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",filled:!0,size:24})}):l.jsx(d.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",filled:!0,size:n==="small"?18:24}):l.jsx("span",{className:e.default["tedi-collapse-button__icon-pad"],children:l.jsx(d.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",size:n==="small"?16:18})})]})});b.displayName="CollapseButton";const z=b;exports.CollapseButton=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),L=require("../../../../../external/classnames/index.cjs.js"),T=require("react"),d=require("../../base/icon/icon.cjs.js"),e=require("./collapse-button.module.scss.cjs.js"),z=require("../../../providers/label-provider/use-labels.cjs.js"),f=T.forwardRef((m,_)=>{const{open:a,onOpenChange:s,openText:x,closeText:y,hideText:t=!1,arrowType:o="default",size:n="default",inverted:h=!1,underline:j=!0,className:N,onClick:c,"aria-label":u,...q}=m,{getLabel:i}=z.useLabels(),r=a?y??i("close"):x??i("open"),C=t?u??r:u,v=p=>{c==null||c(p),!p.defaultPrevented&&(s==null||s(!a))},B=L.default(e.default["tedi-collapse-button"],{[e.default["tedi-collapse-button--open"]]:a,[e.default["tedi-collapse-button--small"]]:n==="small",[e.default["tedi-collapse-button--inverted"]]:h&&o!=="secondary",[e.default["tedi-collapse-button--icon-only"]]:t,[e.default["tedi-collapse-button--neutral"]]:t&&o!=="secondary",[e.default["tedi-collapse-button--secondary"]]:t&&o==="secondary",[e.default["tedi-collapse-button--no-underline"]]:!t&&!j},N);return l.jsxs("button",{ref:_,type:"button",...q,className:B,onClick:v,"aria-expanded":a,"aria-label":C,children:[!t&&l.jsx("span",{className:e.default["tedi-collapse-button__text"],children:r}),t?o==="secondary"?l.jsx("span",{className:e.default["tedi-collapse-button__icon-wrapper"],children:l.jsx(d.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",filled:!0,size:24})}):l.jsx(d.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",filled:!0,size:n==="small"?18:24}):l.jsx("span",{className:e.default["tedi-collapse-button__icon-pad"],children:l.jsx(d.Icon,{className:e.default["tedi-collapse-button__icon"],name:"expand_more",color:"inherit",size:n==="small"?16:18})})]})});f.displayName="CollapseButton";const b=f;exports.CollapseButton=b;exports.default=b;

package/src/tedi/components/buttons/collapse-button/collapse-button.es.js

@@ -80,5 +80,6 @@ const u = B.forwardRef((b, f) => {
 u.displayName = "CollapseButton";
 const q = u;
 export {
-  q as CollapseButton
+  q as CollapseButton,
+  q as default
 };

package/src/tedi/components/layout/header/components/header-language/header-language.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),o=require("../../../../../../../external/classnames/index.cjs.js"),p=require("react"),P=require("../../../../base/typography/text/text.cjs.js"),T=require("../../../../base/icon/icon.cjs.js"),b=require("../../../../buttons/button/button.cjs.js"),S=require("../../../../navigation/link/link.cjs.js"),u=require("../../../../overlays/popover/popover.cjs.js"),l=require("./header-language.module.scss.cjs.js"),C=require("../../../../../providers/label-provider/use-labels.cjs.js"),N=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),m=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),d=x=>{const{languages:r,currentLanguage:i,selectLabel:c,labelPosition:L="top"}=x,[n,t]=p.useState(!1),{getLabel:g,setLocale:k,locale:s}=C.useLabels(),{getCurrentBreakpointProps:_}=N.useBreakpointProps(),j=m.default(),v=m.isBreakpointBelow(j,"md"),{hideLabel:q}=_({hideLabel:!0,lg:{hideLabel:!1}}),f=p.useMemo(()=>{var e;if(s){const h=r.find(y=>y.locale===s);if(h)return h.label}return i||(((e=r[0])==null?void 0:e.label)??"")},[r,s,i]),B=e=>{if(e.onClick){e.onClick({onToggle:t});return}t(!1),e.locale&&k(e.locale)};return a.jsxs("div",{className:o.default(l.default["tedi-header-language"],l.default[`tedi-header-language--label-${L}`],{[l.default["tedi-header-language__mobile"]]:v}),children:[a.jsx(P.Text,{modifiers:"small",color:"secondary",className:o.default({"visually-hidden":q}),children:c??g("header.select-lang")}),a.jsxs(u.Popover,{placement:"bottom",open:n,onToggle:()=>t(e=>!e),withBorder:!0,children:[a.jsx(u.Popover.Trigger,{children:a.jsx(b.Button,{visualType:"link",underline:!1,"aria-label":`${c??g("header.select-lang")} ${f}`,"aria-expanded":n,children:a.jsxs("div",{className:l.default["tedi-header-language__selected"],children:[f,a.jsx(T.Icon,{name:"expand_more",size:18,className:o.default(l.default["tedi-header-language__icon"],{[l.default["tedi-header-language__icon--open"]]:n})})]})})}),a.jsx(u.Popover.Content,{width:"none",children:a.jsx("div",{className:l.default["tedi-header-language__list"],children:r.map(e=>e.href&&!e.onClick?a.jsx(S.Link,{visualType:"link","aria-current":e.isSelected,"aria-label":e["aria-label"],underline:!1,href:e.href,children:e.label},e.label):a.jsx(b.Button,{visualType:"link","aria-current":e.isSelected,"aria-label":e["aria-label"],underline:!1,onClick:()=>B(e),children:e.label},e.label))})})]})]})};d.displayName="HeaderLanguage";exports.HeaderLanguage=d;exports.default=d;

package/src/tedi/components/layout/header/components/header-language/header-language.es.js

@@ -0,0 +1,105 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import d from "../../../../../../../external/classnames/index.es.js";
+import { useState as T, useMemo as x } from "react";
+import { Text as C } from "../../../../base/typography/text/text.es.js";
+import { Icon as S } from "../../../../base/icon/icon.es.js";
+import { Button as h } from "../../../../buttons/button/button.es.js";
+import { Link as w } from "../../../../navigation/link/link.es.js";
+import { Popover as c } from "../../../../overlays/popover/popover.es.js";
+import l from "./header-language.module.scss.es.js";
+import { useLabels as P } from "../../../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as $ } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import j, { isBreakpointBelow as H } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const M = (g) => {
+  const { languages: r, currentLanguage: i, selectLabel: m, labelPosition: b = "top" } = g, [o, n] = T(!1), { getLabel: u, setLocale: L, locale: t } = P(), { getCurrentBreakpointProps: k } = $(), _ = j(), v = H(_, "md"), { hideLabel: y } = k({
+    hideLabel: !0,
+    lg: { hideLabel: !1 }
+  }), p = x(() => {
+    var e;
+    if (t) {
+      const f = r.find((N) => N.locale === t);
+      if (f) return f.label;
+    }
+    return i || (((e = r[0]) == null ? void 0 : e.label) ?? "");
+  }, [r, t, i]), B = (e) => {
+    if (e.onClick) {
+      e.onClick({ onToggle: n });
+      return;
+    }
+    n(!1), e.locale && L(e.locale);
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: d(l["tedi-header-language"], l[`tedi-header-language--label-${b}`], {
+        [l["tedi-header-language__mobile"]]: v
+      }),
+      children: [
+        /* @__PURE__ */ a(C, { modifiers: "small", color: "secondary", className: d({ "visually-hidden": y }), children: m ?? u("header.select-lang") }),
+        /* @__PURE__ */ s(
+          c,
+          {
+            placement: "bottom",
+            open: o,
+            onToggle: () => n((e) => !e),
+            withBorder: !0,
+            children: [
+              /* @__PURE__ */ a(c.Trigger, { children: /* @__PURE__ */ a(
+                h,
+                {
+                  visualType: "link",
+                  underline: !1,
+                  "aria-label": `${m ?? u("header.select-lang")} ${p}`,
+                  "aria-expanded": o,
+                  children: /* @__PURE__ */ s("div", { className: l["tedi-header-language__selected"], children: [
+                    p,
+                    /* @__PURE__ */ a(
+                      S,
+                      {
+                        name: "expand_more",
+                        size: 18,
+                        className: d(l["tedi-header-language__icon"], {
+                          [l["tedi-header-language__icon--open"]]: o
+                        })
+                      }
+                    )
+                  ] })
+                }
+              ) }),
+              /* @__PURE__ */ a(c.Content, { width: "none", children: /* @__PURE__ */ a("div", { className: l["tedi-header-language__list"], children: r.map(
+                (e) => e.href && !e.onClick ? /* @__PURE__ */ a(
+                  w,
+                  {
+                    visualType: "link",
+                    "aria-current": e.isSelected,
+                    "aria-label": e["aria-label"],
+                    underline: !1,
+                    href: e.href,
+                    children: e.label
+                  },
+                  e.label
+                ) : /* @__PURE__ */ a(
+                  h,
+                  {
+                    visualType: "link",
+                    "aria-current": e.isSelected,
+                    "aria-label": e["aria-label"],
+                    underline: !1,
+                    onClick: () => B(e),
+                    children: e.label
+                  },
+                  e.label
+                )
+              ) }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+M.displayName = "HeaderLanguage";
+export {
+  M as HeaderLanguage,
+  M as default
+};

package/src/tedi/components/layout/header/components/header-language/header-language.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-language":"tedi-header-language-a837abad","tedi-header-language--label-left":"tedi-header-language--label-left-5e0282da","tedi-header-language__icon":"tedi-header-language__icon-0eda6084","tedi-header-language__icon--open":"tedi-header-language__icon--open-f3ab5bd4","tedi-header-language__mobile":"tedi-header-language__mobile-e3625dc5","tedi-header-language__selected":"tedi-header-language__selected-c08d15e5","tedi-header-language__list":"tedi-header-language__list-eea73437"};exports.default=e;

package/src/tedi/components/layout/header/components/header-language/header-language.module.scss.es.js

@@ -0,0 +1,12 @@
+const e = {
+  "tedi-header-language": "tedi-header-language-a837abad",
+  "tedi-header-language--label-left": "tedi-header-language--label-left-5e0282da",
+  "tedi-header-language__icon": "tedi-header-language__icon-0eda6084",
+  "tedi-header-language__icon--open": "tedi-header-language__icon--open-f3ab5bd4",
+  "tedi-header-language__mobile": "tedi-header-language__mobile-e3625dc5",
+  "tedi-header-language__selected": "tedi-header-language__selected-c08d15e5",
+  "tedi-header-language__list": "tedi-header-language__list-eea73437"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-login/header-login.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../../../base/typography/text/text.cjs.js"),f=require("../../../../buttons/button/button.cjs.js"),_=require("../../../../navigation/link/link.cjs.js"),x=require("../header-mobile-button/header-mobile-button.cjs.js"),t=require("./header-login.module.scss.cjs.js"),p=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),j=require("../../../../../providers/label-provider/use-labels.cjs.js"),u=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),s=i=>{const{onClick:n,href:r}=i,{getCurrentBreakpointProps:c}=p.useBreakpointProps(i.defaultServerBreakpoint),{size:m,label:b}=c(i),{getLabel:l}=j.useLabels(),h=u.default(),g=u.isBreakpointBelow(h,"md"),a=(m??(g?"small":"default"))==="small",o=b??l(a?"header.login.mobile":"header.login");return e.jsx(e.Fragment,{children:a?e.jsx(x.default,{onClick:n,href:r,icon:{name:"login",size:24,color:"inherit"},label:o}):r?e.jsx(_.Link,{onClick:n,href:r,underline:!1,visualType:"primary",className:t.default["tedi-header-login__button"],children:e.jsx("div",{className:t.default["tedi-header-login__button--inner"],children:e.jsx(d.Text,{modifiers:"normal",className:t.default["tedi-header-login__button--text"],children:o})})}):e.jsx(f.Button,{onClick:n,visualType:"primary",className:t.default["tedi-header-login__button"],children:e.jsx("div",{className:t.default["tedi-header-login__button--inner"],children:e.jsx(d.Text,{modifiers:"normal",className:t.default["tedi-header-login__button--text"],children:o})})})})};s.displayName="Header.Login";exports.HeaderLogin=s;exports.default=s;

package/src/tedi/components/layout/header/components/header-login/header-login.es.js

@@ -0,0 +1,36 @@
+import { jsx as e, Fragment as h } from "react/jsx-runtime";
+import { Text as s } from "../../../../base/typography/text/text.es.js";
+import { Button as f } from "../../../../buttons/button/button.es.js";
+import { Link as b } from "../../../../navigation/link/link.es.js";
+import g from "../header-mobile-button/header-mobile-button.es.js";
+import i from "./header-login.module.scss.es.js";
+import { useBreakpointProps as _ } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as k } from "../../../../../providers/label-provider/use-labels.es.js";
+import B, { isBreakpointBelow as N } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const v = (o) => {
+  const { onClick: r, href: t } = o, { getCurrentBreakpointProps: m } = _(o.defaultServerBreakpoint), { size: d, label: c } = m(o), { getLabel: l } = k(), p = B(), u = N(p, "md"), a = (d ?? (u ? "small" : "default")) === "small", n = c ?? l(a ? "header.login.mobile" : "header.login");
+  return /* @__PURE__ */ e(h, { children: a ? /* @__PURE__ */ e(
+    g,
+    {
+      onClick: r,
+      href: t,
+      icon: { name: "login", size: 24, color: "inherit" },
+      label: n
+    }
+  ) : t ? /* @__PURE__ */ e(
+    b,
+    {
+      onClick: r,
+      href: t,
+      underline: !1,
+      visualType: "primary",
+      className: i["tedi-header-login__button"],
+      children: /* @__PURE__ */ e("div", { className: i["tedi-header-login__button--inner"], children: /* @__PURE__ */ e(s, { modifiers: "normal", className: i["tedi-header-login__button--text"], children: n }) })
+    }
+  ) : /* @__PURE__ */ e(f, { onClick: r, visualType: "primary", className: i["tedi-header-login__button"], children: /* @__PURE__ */ e("div", { className: i["tedi-header-login__button--inner"], children: /* @__PURE__ */ e(s, { modifiers: "normal", className: i["tedi-header-login__button--text"], children: n }) }) }) });
+};
+v.displayName = "Header.Login";
+export {
+  v as HeaderLogin,
+  v as default
+};

package/src/tedi/components/layout/header/components/header-login/header-login.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-login__button":"tedi-header-login__button-591eac27","tedi-header-login__button--inner":"tedi-header-login__button--inner-731701d1","tedi-header-login__button--text":"tedi-header-login__button--text-f12ac18f"};exports.default=e;

package/src/tedi/components/layout/header/components/header-login/header-login.module.scss.es.js

@@ -0,0 +1,8 @@
+const e = {
+  "tedi-header-login__button": "tedi-header-login__button-591eac27",
+  "tedi-header-login__button--inner": "tedi-header-login__button--inner-731701d1",
+  "tedi-header-login__button--text": "tedi-header-login__button--text-f12ac18f"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-logout/header-logout.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../../../../base/typography/text/text.cjs.js"),d=require("../../../../base/icon/icon.cjs.js"),b=require("../../../../buttons/button/button.cjs.js"),j=require("../../../../navigation/link/link.cjs.js"),k=require("../header-mobile-button/header-mobile-button.cjs.js"),o=require("./header-logout.module.scss.cjs.js"),q=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),B=require("../../../../../providers/label-provider/use-labels.cjs.js"),c=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),l=t=>{const{onClick:r,href:s}=t,{getCurrentBreakpointProps:m}=q.useBreakpointProps(t.defaultServerBreakpoint),{size:h,label:g}=m(t),{getLabel:n}=B.useLabels(),x=c.default(t.defaultServerBreakpoint),f=c.isBreakpointBelow(x,"md"),a=(h??(f?"small":"default"))==="small",i=g??n(a?"header.logout.mobile":"header.logout");return e.jsx(e.Fragment,{children:a?e.jsx(k.default,{onClick:r,href:s,icon:{name:"logout",size:24,color:"inherit"},label:i}):s?e.jsx(j.Link,{onClick:r,href:s,underline:!1,children:e.jsxs("div",{className:o.default["tedi-header-logout"],children:[e.jsx(d.Icon,{name:"logout",size:18,color:"inherit"}),e.jsx(u.Text,{modifiers:"normal",className:o.default["tedi-header-logout__text"],children:i})]})}):e.jsx(b.Button,{onClick:r,noStyle:!0,children:e.jsxs("div",{className:o.default["tedi-header-logout"],children:[e.jsx(d.Icon,{name:"logout",size:18,color:"inherit"}),e.jsx(u.Text,{modifiers:"normal",className:o.default["tedi-header-logout__text"],children:i})]})})})};l.displayName="HeaderLogout";exports.HeaderLogout=l;exports.default=l;

package/src/tedi/components/layout/header/components/header-logout/header-logout.es.js

@@ -0,0 +1,33 @@
+import { jsx as e, Fragment as g, jsxs as s } from "react/jsx-runtime";
+import { Text as m } from "../../../../base/typography/text/text.es.js";
+import { Icon as d } from "../../../../base/icon/icon.es.js";
+import { Button as b } from "../../../../buttons/button/button.es.js";
+import { Link as k } from "../../../../navigation/link/link.es.js";
+import B from "../header-mobile-button/header-mobile-button.es.js";
+import r from "./header-logout.module.scss.es.js";
+import { useBreakpointProps as z } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as x } from "../../../../../providers/label-provider/use-labels.es.js";
+import L, { isBreakpointBelow as v } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const N = (o) => {
+  const { onClick: t, href: i } = o, { getCurrentBreakpointProps: c } = z(o.defaultServerBreakpoint), { size: u, label: f } = c(o), { getLabel: a } = x(), h = L(o.defaultServerBreakpoint), p = v(h, "md"), n = (u ?? (p ? "small" : "default")) === "small", l = f ?? a(n ? "header.logout.mobile" : "header.logout");
+  return /* @__PURE__ */ e(g, { children: n ? /* @__PURE__ */ e(
+    B,
+    {
+      onClick: t,
+      href: i,
+      icon: { name: "logout", size: 24, color: "inherit" },
+      label: l
+    }
+  ) : i ? /* @__PURE__ */ e(k, { onClick: t, href: i, underline: !1, children: /* @__PURE__ */ s("div", { className: r["tedi-header-logout"], children: [
+    /* @__PURE__ */ e(d, { name: "logout", size: 18, color: "inherit" }),
+    /* @__PURE__ */ e(m, { modifiers: "normal", className: r["tedi-header-logout__text"], children: l })
+  ] }) }) : /* @__PURE__ */ e(b, { onClick: t, noStyle: !0, children: /* @__PURE__ */ s("div", { className: r["tedi-header-logout"], children: [
+    /* @__PURE__ */ e(d, { name: "logout", size: 18, color: "inherit" }),
+    /* @__PURE__ */ e(m, { modifiers: "normal", className: r["tedi-header-logout__text"], children: l })
+  ] }) }) });
+};
+N.displayName = "HeaderLogout";
+export {
+  N as HeaderLogout,
+  N as default
+};

package/src/tedi/components/layout/header/components/header-logout/header-logout.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-logout":"tedi-header-logout-ab7a73b2","tedi-header-logout__text":"tedi-header-logout__text-a150b1fe"};exports.default=e;

package/src/tedi/components/layout/header/components/header-logout/header-logout.module.scss.es.js

@@ -0,0 +1,7 @@
+const e = {
+  "tedi-header-logout": "tedi-header-logout-ab7a73b2",
+  "tedi-header-logout__text": "tedi-header-logout__text-a150b1fe"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-mobile-button/header-mobile-button.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),d=require("../../../../../../../external/classnames/index.cjs.js"),q=require("react"),j=require("../../../../base/typography/text/text.cjs.js"),_=require("../../../../base/icon/icon.cjs.js"),N=require("../../../../buttons/button/button.cjs.js"),y=require("../../../../navigation/link/link.cjs.js"),r=require("./header-mobile-button.module.scss.cjs.js"),a=q.forwardRef((u,c)=>{const{onClick:l,href:o,icon:b,label:m,selected:f,disabled:n}=u,h=e=>{const x=typeof e=="string"?{name:e}:{...e,className:d.default(e==null?void 0:e.className)};return t.jsx(_.Icon,{...x})},s=t.jsxs("div",{className:r.default["tedi-header-mobile-button__inner"],children:[h(b),t.jsx(j.Text,{modifiers:"extra-small",className:r.default["tedi-header-mobile-button__text"],children:m})]}),i=d.default(r.default["tedi-header-mobile-button"],{[r.default["tedi-header-mobile-button--selected"]]:f,[r.default["tedi-header-mobile-button--disabled"]]:n});return n||!o?t.jsx(N.Button,{onClick:l,disabled:n,className:i,ref:c,noStyle:!0,children:s}):t.jsx(y.Link,{onClick:l,href:o,noStyle:!0,underline:!1,className:i,children:s})});a.displayName="HeaderMobileButton";exports.default=a;

package/src/tedi/components/layout/header/components/header-mobile-button/header-mobile-button.es.js

@@ -0,0 +1,25 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import n from "../../../../../../../external/classnames/index.es.js";
+import N from "react";
+import { Text as x } from "../../../../base/typography/text/text.es.js";
+import { Icon as _ } from "../../../../base/icon/icon.es.js";
+import { Button as y } from "../../../../buttons/button/button.es.js";
+import { Link as B } from "../../../../navigation/link/link.es.js";
+import t from "./header-mobile-button.module.scss.es.js";
+const g = N.forwardRef((m, d) => {
+  const { onClick: s, href: l, icon: c, label: f, selected: u, disabled: o } = m, b = (e) => {
+    const p = typeof e == "string" ? { name: e } : { ...e, className: n(e == null ? void 0 : e.className) };
+    return /* @__PURE__ */ r(_, { ...p });
+  }, a = /* @__PURE__ */ h("div", { className: t["tedi-header-mobile-button__inner"], children: [
+    b(c),
+    /* @__PURE__ */ r(x, { modifiers: "extra-small", className: t["tedi-header-mobile-button__text"], children: f })
+  ] }), i = n(t["tedi-header-mobile-button"], {
+    [t["tedi-header-mobile-button--selected"]]: u,
+    [t["tedi-header-mobile-button--disabled"]]: o
+  });
+  return o || !l ? /* @__PURE__ */ r(y, { onClick: s, disabled: o, className: i, ref: d, noStyle: !0, children: a }) : /* @__PURE__ */ r(B, { onClick: s, href: l, noStyle: !0, underline: !1, className: i, children: a });
+});
+g.displayName = "HeaderMobileButton";
+export {
+  g as default
+};

package/src/tedi/components/layout/header/components/header-mobile-button/header-mobile-button.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-mobile-button":"tedi-header-mobile-button-06191367","tedi-header-mobile-button__inner":"tedi-header-mobile-button__inner-364582ec","tedi-header-mobile-button__text":"tedi-header-mobile-button__text-e081a46b","tedi-header-mobile-button--disabled":"tedi-header-mobile-button--disabled-451a06b1","tedi-header-mobile-button--selected":"tedi-header-mobile-button--selected-8edeeaf6"};exports.default=e;

package/src/tedi/components/layout/header/components/header-mobile-button/header-mobile-button.module.scss.es.js

@@ -0,0 +1,10 @@
+const e = {
+  "tedi-header-mobile-button": "tedi-header-mobile-button-06191367",
+  "tedi-header-mobile-button__inner": "tedi-header-mobile-button__inner-364582ec",
+  "tedi-header-mobile-button__text": "tedi-header-mobile-button__text-e081a46b",
+  "tedi-header-mobile-button--disabled": "tedi-header-mobile-button--disabled-451a06b1",
+  "tedi-header-mobile-button--selected": "tedi-header-mobile-button--selected-8edeeaf6"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-profile/header-profile.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),B=require("../../../../../../../external/classnames/index.cjs.js"),o=require("react"),F=require("../../../../base/icon/icon.cjs.js"),L=require("../../../../buttons/button/button.cjs.js"),m=require("../../../../overlays/popover/popover.cjs.js"),A=require("../header-mobile-button/header-mobile-button.cjs.js"),r=require("./header-profile.module.scss.cjs.js"),V=require("../../../../../providers/label-provider/use-labels.cjs.js"),$=require("../../../../../helpers/hooks/use-breakpoint-props.cjs.js"),v=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),C=o.createContext(null),D=()=>o.useContext(C),_=c=>{const{children:x,showLabel:q=!1,disabled:u=!1,noStyle:E=!1}=c,{getLabel:b}=V.useLabels(),{getCurrentBreakpointProps:O}=$.useBreakpointProps(c.defaultServerBreakpoint),{showPopover:S="lg",label:N}=O(c),[g,R]=o.useState(!1),[s,f]=o.useState(!1),[H,I]=o.useState(null),[j,M]=o.useState(null),l=o.useRef(null),T=o.useId(),z={activeRoleId:H,setActiveRoleId:o.useCallback(t=>I(t),[])},P=v.default(),w=v.isBreakpointBelow(P,"md"),i=!v.isBreakpointBelow(P,S),d=N??b(w?"header.profile.mobile":"header.profile");o.useEffect(()=>{if(!s)return;const t=n=>{var a;n.key==="Escape"&&(f(!1),(a=l.current)==null||a.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[s]),o.useLayoutEffect(()=>{var a;if(!s||i)return;const t=(a=l.current)==null?void 0:a.closest("header");if(!t)return;const n=()=>M(t.getBoundingClientRect().bottom);return n(),window.addEventListener("resize",n),window.addEventListener("scroll",n,!0),()=>{window.removeEventListener("resize",n),window.removeEventListener("scroll",n,!0)}},[s,i]);const k=j!==null?{"--header-profile-offset":`${j}px`}:void 0,p=()=>{f(t=>!t)},h=i?g:s,y=w?e.jsx(A.default,{onClick:p,icon:{name:h?"close":"account_circle",size:24,color:"inherit"},label:d,selected:h,disabled:u,ref:l}):q?e.jsx(L.Button,{visualType:"secondary",iconLeft:"account_circle",onClick:p,ref:l,disabled:u,className:r.default["tedi-header-profile__button"],children:e.jsxs("div",{className:r.default["tedi-header-profile__button-inner"],children:[d,e.jsx(F.Icon,{name:"expand_more",size:18,className:B.default(r.default["tedi-header-profile__icon"],{[r.default["tedi-header-profile__icon--open"]]:h})})]})}):e.jsx(L.Button,{icon:{name:"account_circle",size:36},visualType:"neutral","aria-label":d,onClick:p,ref:l,disabled:u,children:e.jsx(e.Fragment,{})});return e.jsx(C.Provider,{value:z,children:i?e.jsxs(m.Popover,{placement:"bottom-end",withBorder:!0,open:g,onToggle:()=>R(t=>!t),children:[e.jsx(m.Popover.Trigger,{children:y}),e.jsx(m.Popover.Content,{children:e.jsx("div",{className:r.default["tedi-header-profile__list"],children:x})})]}):e.jsxs(e.Fragment,{children:[y,s&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.default["tedi-header-profile__overlay"],style:k,onClick:()=>{var t;f(!1),(t=l.current)==null||t.focus()},"aria-hidden":"true"}),e.jsx("div",{className:r.default["tedi-header-profile__modal"],style:k,role:"dialog","aria-modal":"true","aria-label":d,id:T,children:e.jsx("div",{className:B.default(r.default["tedi-header-profile__modal--content"],{[r.default["tedi-header-profile__modal--content-styled"]]:!E}),children:x})})]})]})})};_.displayName="Header.Profile";exports.HeaderProfile=_;exports.default=_;exports.useHeaderProfile=D;

package/src/tedi/components/layout/header/components/header-profile/header-profile.es.js

@@ -0,0 +1,136 @@
+import { jsx as o, jsxs as d, Fragment as v } from "react/jsx-runtime";
+import B from "../../../../../../../external/classnames/index.es.js";
+import { useState as c, useRef as D, useId as F, useCallback as K, useEffect as $, useLayoutEffect as q, useContext as G, createContext as J } from "react";
+import { Icon as Q } from "../../../../base/icon/icon.es.js";
+import { Button as E } from "../../../../buttons/button/button.es.js";
+import { Popover as _ } from "../../../../overlays/popover/popover.es.js";
+import U from "../header-mobile-button/header-mobile-button.es.js";
+import t from "./header-profile.module.scss.es.js";
+import { useLabels as W } from "../../../../../providers/label-provider/use-labels.es.js";
+import { useBreakpointProps as X } from "../../../../../helpers/hooks/use-breakpoint-props.es.js";
+import Y, { isBreakpointBelow as x } from "../../../../../helpers/hooks/use-breakpoint.es.js";
+const N = J(null), fe = () => G(N), Z = (f) => {
+  const { children: b, showLabel: O = !1, disabled: u = !1, noStyle: H = !1 } = f, { getLabel: w } = W(), { getCurrentBreakpointProps: I } = X(f.defaultServerBreakpoint), { showPopover: R = "lg", label: z } = I(f), [y, T] = c(!1), [n, m] = c(!1), [M, S] = c(null), [g, j] = c(null), l = D(null), A = F(), V = {
+    activeRoleId: M,
+    setActiveRoleId: K((e) => S(e), [])
+  }, k = Y(), C = x(k, "md"), s = !x(k, R), a = z ?? w(C ? "header.profile.mobile" : "header.profile");
+  $(() => {
+    if (!n) return;
+    const e = (r) => {
+      var i;
+      r.key === "Escape" && (m(!1), (i = l.current) == null || i.focus());
+    };
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [n]), q(() => {
+    var i;
+    if (!n || s) return;
+    const e = (i = l.current) == null ? void 0 : i.closest("header");
+    if (!e) return;
+    const r = () => j(e.getBoundingClientRect().bottom);
+    return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
+      window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+    };
+  }, [n, s]);
+  const L = g !== null ? { "--header-profile-offset": `${g}px` } : void 0, p = () => {
+    m((e) => !e);
+  }, h = s ? y : n, P = C ? /* @__PURE__ */ o(
+    U,
+    {
+      onClick: p,
+      icon: { name: h ? "close" : "account_circle", size: 24, color: "inherit" },
+      label: a,
+      selected: h,
+      disabled: u,
+      ref: l
+    }
+  ) : O ? /* @__PURE__ */ o(
+    E,
+    {
+      visualType: "secondary",
+      iconLeft: "account_circle",
+      onClick: p,
+      ref: l,
+      disabled: u,
+      className: t["tedi-header-profile__button"],
+      children: /* @__PURE__ */ d("div", { className: t["tedi-header-profile__button-inner"], children: [
+        a,
+        /* @__PURE__ */ o(
+          Q,
+          {
+            name: "expand_more",
+            size: 18,
+            className: B(t["tedi-header-profile__icon"], {
+              [t["tedi-header-profile__icon--open"]]: h
+            })
+          }
+        )
+      ] })
+    }
+  ) : /* @__PURE__ */ o(
+    E,
+    {
+      icon: { name: "account_circle", size: 36 },
+      visualType: "neutral",
+      "aria-label": a,
+      onClick: p,
+      ref: l,
+      disabled: u,
+      children: /* @__PURE__ */ o(v, {})
+    }
+  );
+  return /* @__PURE__ */ o(N.Provider, { value: V, children: s ? /* @__PURE__ */ d(
+    _,
+    {
+      placement: "bottom-end",
+      withBorder: !0,
+      open: y,
+      onToggle: () => T((e) => !e),
+      children: [
+        /* @__PURE__ */ o(_.Trigger, { children: P }),
+        /* @__PURE__ */ o(_.Content, { children: /* @__PURE__ */ o("div", { className: t["tedi-header-profile__list"], children: b }) })
+      ]
+    }
+  ) : /* @__PURE__ */ d(v, { children: [
+    P,
+    n && /* @__PURE__ */ d(v, { children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: t["tedi-header-profile__overlay"],
+          style: L,
+          onClick: () => {
+            var e;
+            m(!1), (e = l.current) == null || e.focus();
+          },
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: t["tedi-header-profile__modal"],
+          style: L,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": a,
+          id: A,
+          children: /* @__PURE__ */ o(
+            "div",
+            {
+              className: B(t["tedi-header-profile__modal--content"], {
+                [t["tedi-header-profile__modal--content-styled"]]: !H
+              }),
+              children: b
+            }
+          )
+        }
+      )
+    ] })
+  ] }) });
+};
+Z.displayName = "Header.Profile";
+export {
+  Z as HeaderProfile,
+  Z as default,
+  fe as useHeaderProfile
+};

package/src/tedi/components/layout/header/components/header-profile/header-profile.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-profile__button":"tedi-header-profile__button-5f71397b","tedi-header-profile__button-inner":"tedi-header-profile__button-inner-3efab97a","tedi-header-profile__list":"tedi-header-profile__list-3923fd3e","tedi-header-profile__modal":"tedi-header-profile__modal-71010392","tedi-header-profile__modal--content":"tedi-header-profile__modal--content-7f6b54ca","tedi-header-profile__modal--content-styled":"tedi-header-profile__modal--content-styled-7269de2a","tedi-header-profile__overlay":"tedi-header-profile__overlay-d54b0082","tedi-header-profile__icon":"tedi-header-profile__icon-85b7b81c","tedi-header-profile__icon--open":"tedi-header-profile__icon--open-bb67ddf9"};exports.default=e;

package/src/tedi/components/layout/header/components/header-profile/header-profile.module.scss.es.js

@@ -0,0 +1,14 @@
+const e = {
+  "tedi-header-profile__button": "tedi-header-profile__button-5f71397b",
+  "tedi-header-profile__button-inner": "tedi-header-profile__button-inner-3efab97a",
+  "tedi-header-profile__list": "tedi-header-profile__list-3923fd3e",
+  "tedi-header-profile__modal": "tedi-header-profile__modal-71010392",
+  "tedi-header-profile__modal--content": "tedi-header-profile__modal--content-7f6b54ca",
+  "tedi-header-profile__modal--content-styled": "tedi-header-profile__modal--content-styled-7269de2a",
+  "tedi-header-profile__overlay": "tedi-header-profile__overlay-d54b0082",
+  "tedi-header-profile__icon": "tedi-header-profile__icon-85b7b81c",
+  "tedi-header-profile__icon--open": "tedi-header-profile__icon--open-bb67ddf9"
+};
+export {
+  e as default
+};

package/src/tedi/components/layout/header/components/header-role/header-role-representatives.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),m=require("../../../../../../../external/classnames/index.cjs.js"),f=require("react"),H=require("../../../../base/icon/icon.cjs.js"),_=require("../../../../base/typography/text/text.cjs.js"),M=require("../../../../buttons/button/button.cjs.js"),V=require("../../../../form/search/search.cjs.js"),w=require("../../../../misc/separator/separator.cjs.js"),r=require("./header-role.module.scss.cjs.js"),B=require("../../../../../providers/label-provider/use-labels.cjs.js"),F=t=>t?typeof t=="string"?{name:t}:t:null,x=t=>{const{id:p,toggleId:S,representatives:d,inputValue:b,setInputValue:c,setRepresentative:g,setIsRoleSelectionOpen:v,onRoleSelectionToggle:u,isRoleSelectionOpen:a,representative:s,isOrganization:j,searchLabel:R,organizationSearchLabel:q,searchId:y,keepOpenOnSelect:I,showSearch:h=!1,searchClearable:N=!1,clearSearchOnSelect:L=!0,noResultsContent:O}=t,{getLabel:i}=B.useLabels(),z=j?q??i("header.role-selection.search.organizationLabel"):R??i("header.role-selection.search.label"),C=l=>{g(l),L&&c(""),I||(a&&u?u():v(!1))},T=f.useId();return e.jsx("div",{id:p,role:"region","aria-labelledby":S,className:m.default(r.default["tedi-header-role__collapse"],{[r.default["tedi-header-role__collapse--open"]]:a}),...!a&&{inert:""},children:e.jsx("div",{className:r.default["tedi-header-role__collapse--items"],children:e.jsxs("div",{className:r.default["tedi-header-role__list"],children:[h&&e.jsx(V.Search,{id:y??T,value:b,onChange:l=>c(l),label:z,isClearable:N}),d.length===0&&(O??e.jsx(_.Text,{className:r.default["tedi-header-role__no-results"],color:"secondary",children:i("header.role-selection.no-results")})),d.map((l,k)=>{const n=(s==null?void 0:s.id)===l.id,o=F(l.icon);return e.jsxs(f.Fragment,{children:[(h||k!==0)&&e.jsx(w.Separator,{}),e.jsx(M.Button,{onClick:()=>C(l),visualType:n?"primary":"neutral","aria-current":n||void 0,className:m.default(r.default["tedi-header-role__item"],{[r.default["tedi-header-role__item--selected"]]:n}),noStyle:!0,children:e.jsxs("div",{className:r.default["tedi-header-role__item-inner"],children:[o&&e.jsx(H.Icon,{name:o.name,size:o.size,color:"inherit"}),e.jsxs("div",{className:r.default["tedi-header-role__item-text"],children:[l.name,e.jsx(_.Text,{modifiers:"small",children:l.description})]})]})})]},l.id)})]})})})};x.displayName="HeaderRoleRepresentatives";exports.default=x;

package/src/tedi/components/layout/header/components/header-role/header-role-representatives.es.js

@@ -0,0 +1,89 @@
+import { jsx as l, jsxs as t } from "react/jsx-runtime";
+import u from "../../../../../../../external/classnames/index.es.js";
+import H, { useId as V } from "react";
+import { Icon as w } from "../../../../base/icon/icon.es.js";
+import { Text as f } from "../../../../base/typography/text/text.es.js";
+import { Button as B } from "../../../../buttons/button/button.es.js";
+import { Search as F } from "../../../../form/search/search.es.js";
+import { Separator as q } from "../../../../misc/separator/separator.es.js";
+import r from "./header-role.module.scss.es.js";
+import { useLabels as A } from "../../../../../providers/label-provider/use-labels.es.js";
+const D = (a) => a ? typeof a == "string" ? { name: a } : a : null, E = (a) => {
+  const {
+    id: _,
+    toggleId: S,
+    representatives: d,
+    inputValue: g,
+    setInputValue: m,
+    setRepresentative: v,
+    setIsRoleSelectionOpen: b,
+    onRoleSelectionToggle: h,
+    isRoleSelectionOpen: o,
+    representative: i,
+    isOrganization: R,
+    searchLabel: N,
+    organizationSearchLabel: y,
+    searchId: I,
+    keepOpenOnSelect: L,
+    showSearch: p = !1,
+    searchClearable: O = !1,
+    clearSearchOnSelect: x = !0,
+    noResultsContent: z
+  } = a, { getLabel: s } = A(), C = R ? y ?? s("header.role-selection.search.organizationLabel") : N ?? s("header.role-selection.search.label"), T = (e) => {
+    v(e), x && m(""), L || (o && h ? h() : b(!1));
+  }, j = V();
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      id: _,
+      role: "region",
+      "aria-labelledby": S,
+      className: u(r["tedi-header-role__collapse"], {
+        [r["tedi-header-role__collapse--open"]]: o
+      }),
+      ...!o && { inert: "" },
+      children: /* @__PURE__ */ l("div", { className: r["tedi-header-role__collapse--items"], children: /* @__PURE__ */ t("div", { className: r["tedi-header-role__list"], children: [
+        p && /* @__PURE__ */ l(
+          F,
+          {
+            id: I ?? j,
+            value: g,
+            onChange: (e) => m(e),
+            label: C,
+            isClearable: O
+          }
+        ),
+        d.length === 0 && (z ?? /* @__PURE__ */ l(f, { className: r["tedi-header-role__no-results"], color: "secondary", children: s("header.role-selection.no-results") })),
+        d.map((e, k) => {
+          const n = (i == null ? void 0 : i.id) === e.id, c = D(e.icon);
+          return /* @__PURE__ */ t(H.Fragment, { children: [
+            (p || k !== 0) && /* @__PURE__ */ l(q, {}),
+            /* @__PURE__ */ l(
+              B,
+              {
+                onClick: () => T(e),
+                visualType: n ? "primary" : "neutral",
+                "aria-current": n || void 0,
+                className: u(r["tedi-header-role__item"], {
+                  [r["tedi-header-role__item--selected"]]: n
+                }),
+                noStyle: !0,
+                children: /* @__PURE__ */ t("div", { className: r["tedi-header-role__item-inner"], children: [
+                  c && /* @__PURE__ */ l(w, { name: c.name, size: c.size, color: "inherit" }),
+                  /* @__PURE__ */ t("div", { className: r["tedi-header-role__item-text"], children: [
+                    e.name,
+                    /* @__PURE__ */ l(f, { modifiers: "small", children: e.description })
+                  ] })
+                ] })
+              }
+            )
+          ] }, e.id);
+        })
+      ] }) })
+    }
+  );
+};
+E.displayName = "HeaderRoleRepresentatives";
+export {
+  E as default
+};

package/src/tedi/components/layout/header/components/header-role/header-role.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),f=require("../../../../../../../external/classnames/index.cjs.js"),a=require("react"),x=require("../../../../base/typography/text/text.cjs.js"),K=require("../../../../base/icon/icon.cjs.js"),Q=require("../../../../buttons/button/button.cjs.js"),U=require("../../../../buttons/collapse-button/collapse-button.cjs.js"),W=require("../../../../misc/separator/separator.cjs.js"),I=require("../../../../overlays/popover/popover.cjs.js"),X=require("../header-profile/header-profile.cjs.js"),t=require("./header-role.module.scss.cjs.js"),B=require("./header-role-representatives.cjs.js"),Y=require("../../../../../providers/label-provider/use-labels.cjs.js"),L=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),N=P=>{const{label:T,showDescription:p=!0,representatives:o,isOrganization:v,accordionLabels:i,searchLabel:k,organizationSearchLabel:E,searchId:H,onRoleSelectionToggle:_,onRepresentativeChange:m,showSearch:z,searchClearable:M,clearSearchOnSelect:V,children:j,showRoleSwitch:A,noResultsContent:D}=P,{getLabel:w}=Y.useLabels(),u=a.useId(),[e,g]=a.useState(o==null?void 0:o[0]),[n,R]=a.useState(!1),[h,y]=a.useState(""),r=X.useHeaderProfile();a.useEffect(()=>{if(!(o!=null&&o.length)){g(void 0);return}e&&o.some(c=>c.id===e.id)||g(o[0])},[o]),a.useEffect(()=>{r&&r.activeRoleId!==null&&r.activeRoleId!==u&&n&&(R(!1),y(""))},[r==null?void 0:r.activeRoleId]);const F=L.default(),$=L.isBreakpointBelow(F,"lg"),d=A??((o==null?void 0:o.length)??0)>1,G=a.useMemo(()=>{if(!o)return[];if(!h)return o;const s=h.toLowerCase();return o.filter(c=>{var O;return c.name.toLowerCase().includes(s)||((O=c.description)==null?void 0:O.toLowerCase().includes(s))})},[o,h]),b=()=>{const s=!n;R(s),_==null||_(s),s&&r&&r.setActiveRoleId(u)},J=s=>{g(s),m==null||m(s)},S=`${u}-toggle`,q=`${u}-panel`,C={id:q,toggleId:S,representatives:G,representative:e,inputValue:h,setInputValue:y,setRepresentative:J,setIsRoleSelectionOpen:R,onRoleSelectionToggle:b,isRoleSelectionOpen:n,isOrganization:v,searchLabel:k,organizationSearchLabel:E,searchId:H,showSearch:z,searchClearable:M,clearSearchOnSelect:V,noResultsContent:D};if($){const s=(i==null?void 0:i.open)??w("header.role-selection"),c=(i==null?void 0:i.close)??w("header.role-selection.close");return l.jsxs("div",{className:t.default["tedi-header-role__container"],children:[l.jsxs("div",{className:f.default(t.default["tedi-header-role__content"],{[t.default["tedi-header-role__content--has-representatives"]]:d}),children:[l.jsxs("div",{className:f.default(t.default["tedi-header-role__content--body"],{[t.default["tedi-header-role__content--body-inline"]]:!d&&p&&(e==null?void 0:e.description)}),children:[l.jsxs("div",{className:t.default["tedi-header-role__content--title"],children:[T,l.jsx(x.Text,{modifiers:"bold",color:"secondary",children:e==null?void 0:e.name})]}),p&&(e==null?void 0:e.description)&&l.jsxs(l.Fragment,{children:[!d&&l.jsx(W.Separator,{axis:"vertical"}),l.jsx(x.Text,{color:"secondary",children:e==null?void 0:e.description})]})]}),d&&l.jsx(U.CollapseButton,{id:S,open:n,onOpenChange:()=>b(),openText:s,closeText:c,underline:!1,"aria-controls":q})]}),d&&(j?l.jsx("div",{id:q,role:"region","aria-labelledby":S,className:f.default(t.default["tedi-header-role__collapse"],{[t.default["tedi-header-role__collapse--open"]]:n}),...!n&&{inert:""},children:l.jsx("div",{className:t.default["tedi-header-role__collapse--items"],children:j})}):l.jsx(B.default,{...C,keepOpenOnSelect:!0}))]})}return l.jsxs("div",{className:t.default["tedi-header-role"],children:[l.jsxs("div",{className:t.default["tedi-header-role__label"],children:[T,p&&!v&&(e==null?void 0:e.description)&&l.jsx(x.Text,{modifiers:"small",color:"secondary",children:e==null?void 0:e.description})]}),d?l.jsxs(I.Popover,{placement:"bottom",open:n,onToggle:b,withBorder:!0,children:[l.jsx(I.Popover.Trigger,{children:l.jsx(Q.Button,{visualType:"link",underline:!1,children:l.jsxs("span",{className:t.default["tedi-header-role__value"],children:[e==null?void 0:e.name,l.jsx(K.Icon,{name:"expand_more",size:16,color:"primary",className:f.default(t.default["tedi-header-role__icon"],{[t.default["tedi-header-role__icon--open"]]:n})})]})})}),l.jsx(I.Popover.Content,{children:j??l.jsx(B.default,{...C})})]}):l.jsx("div",{className:t.default["tedi-header-role__value"],children:l.jsx(x.Text,{children:e==null?void 0:e.name})})]})};N.displayName="Header.Role";exports.HeaderRole=N;exports.default=N;