@tedi-design-system/react 18.1.0-rc.2 → 18.1.0-rc.21

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;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-header-role":"tedi-header-role-d1675446","tedi-header-role__label":"tedi-header-role__label-e6f7ed51","tedi-header-role__value":"tedi-header-role__value-d8e89b78","tedi-header-role__icon":"tedi-header-role__icon-24868738","tedi-header-role__icon--open":"tedi-header-role__icon--open-a026f97f","tedi-header-role__list":"tedi-header-role__list-f1302eff","tedi-header-role__no-results":"tedi-header-role__no-results-1f294d89","tedi-header-role__item":"tedi-header-role__item-f9379b33","tedi-header-role__item-inner":"tedi-header-role__item-inner-c4f7c578","tedi-header-role__item-text":"tedi-header-role__item-text-335187c5","tedi-header-role__item--selected":"tedi-header-role__item--selected-12dbf0e6","tedi-header-role__container":"tedi-header-role__container-272727dc","tedi-header-role__content":"tedi-header-role__content-e3ee6eb3","tedi-header-role__content--has-representatives":"tedi-header-role__content--has-representatives-a6107eb1","tedi-header-role__content--body":"tedi-header-role__content--body-57cede78","tedi-header-role__content--body-inline":"tedi-header-role__content--body-inline-d0b84272","tedi-header-role__content--title":"tedi-header-role__content--title-db6bd1c9","tedi-header-role__collapse":"tedi-header-role__collapse-0afb84db","tedi-header-role__collapse--open":"tedi-header-role__collapse--open-fb93df39","tedi-header-role__collapse--items":"tedi-header-role__collapse--items-2f811563"};exports.default=e;

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

@@ -0,0 +1,25 @@
+const e = {
+  "tedi-header-role": "tedi-header-role-d1675446",
+  "tedi-header-role__label": "tedi-header-role__label-e6f7ed51",
+  "tedi-header-role__value": "tedi-header-role__value-d8e89b78",
+  "tedi-header-role__icon": "tedi-header-role__icon-24868738",
+  "tedi-header-role__icon--open": "tedi-header-role__icon--open-a026f97f",
+  "tedi-header-role__list": "tedi-header-role__list-f1302eff",
+  "tedi-header-role__no-results": "tedi-header-role__no-results-1f294d89",
+  "tedi-header-role__item": "tedi-header-role__item-f9379b33",
+  "tedi-header-role__item-inner": "tedi-header-role__item-inner-c4f7c578",
+  "tedi-header-role__item-text": "tedi-header-role__item-text-335187c5",
+  "tedi-header-role__item--selected": "tedi-header-role__item--selected-12dbf0e6",
+  "tedi-header-role__container": "tedi-header-role__container-272727dc",
+  "tedi-header-role__content": "tedi-header-role__content-e3ee6eb3",
+  "tedi-header-role__content--has-representatives": "tedi-header-role__content--has-representatives-a6107eb1",
+  "tedi-header-role__content--body": "tedi-header-role__content--body-57cede78",
+  "tedi-header-role__content--body-inline": "tedi-header-role__content--body-inline-d0b84272",
+  "tedi-header-role__content--title": "tedi-header-role__content--title-db6bd1c9",
+  "tedi-header-role__collapse": "tedi-header-role__collapse-0afb84db",
+  "tedi-header-role__collapse--open": "tedi-header-role__collapse--open-fb93df39",
+  "tedi-header-role__collapse--items": "tedi-header-role__collapse--items-2f811563"
+};
+export {
+  e as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),p=require("../../../../base/icon/icon.cjs.js"),q=require("../../../../base/typography/text/text.cjs.js"),S=require("../../../../buttons/button/button.cjs.js"),b=require("../header-mobile-button/header-mobile-button.cjs.js"),l=require("./header-search.module.scss.cjs.js"),f=require("../../../../../helpers/hooks/use-breakpoint.cjs.js"),v=require("../../../../../providers/label-provider/use-labels.cjs.js"),d=m=>{const{children:i,mobileVariant:x="modal",mobileLabels:a,disabled:j=!1}=m,_=f.default(),g=f.isBreakpointBelow(_,"md"),{getLabel:s}=v.useLabels(),[n,t]=o.useState(!1),u=o.useRef(null),c=g&&x==="modal";return o.useEffect(()=>{c||t(!1)},[c]),o.useEffect(()=>{const r=u.current;if(!r)return;n&&!r.open?r.showModal():!n&&r.open&&r.close();const h=()=>t(!1);return r.addEventListener("close",h),()=>r.removeEventListener("close",h)},[n]),e.jsx(e.Fragment,{children:c?e.jsxs(e.Fragment,{children:[e.jsxs("dialog",{ref:u,className:l.default["tedi-header-search__modal"],"aria-label":(a==null?void 0:a.modalTitle)??s("header.search"),children:[e.jsxs("div",{className:l.default["tedi-header-search__modal-heading"],children:[e.jsx(q.Text,{modifiers:"h3",color:"secondary",children:(a==null?void 0:a.modalTitle)??s("header.search")}),e.jsx(S.Button,{onClick:()=>t(!1),className:l.default["tedi-header-search__button-close"],"aria-label":s("close"),noStyle:!0,children:e.jsx(p.Icon,{name:"close",size:24,color:"inherit"})})]}),e.jsx("div",{className:l.default["tedi-header-search__modal-body"],children:i})]}),e.jsx(b.default,{onClick:()=>t(r=>!r),icon:{name:"search",size:24,color:"inherit"},label:(a==null?void 0:a.button)??s("header.search"),disabled:j})]}):e.jsx(e.Fragment,{children:i})})};d.displayName="HeaderSearch";exports.HeaderSearch=d;exports.default=d;